/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/
.cm-s-twilight .CodeMirror-selected { background: #323232 !important; } /**/
.cm-s-twilight .CodeMirror-line::selection, .cm-s-twilight .CodeMirror-line > span::selection, .cm-s-twilight .CodeMirror-line > span > span::selection { background: rgba(50, 50, 50, 0.99); }
.cm-s-twilight .CodeMirror-line::-moz-selection, .cm-s-twilight .CodeMirror-line > span::-moz-selection, .cm-s-twilight .CodeMirror-line > span > span::-moz-selection { background: rgba(50, 50, 50, 0.99); }

.cm-s-twilight .CodeMirror-gutters { background: #222; border-right: 1px solid #aaa; }
.cm-s-twilight .CodeMirror-guttermarker { color: white; }
.cm-s-twilight .CodeMirror-guttermarker-subtle { color: #aaa; }
.cm-s-twilight .CodeMirror-linenumber { color: #aaa; }
.cm-s-twilight .CodeMirror-cursor { border-left: 1px solid white !important; }

.cm-s-twilight .cm-keyword {  color: #f9ee98; } /**/
.cm-s-twilight .cm-atom { color: #FC0; }
.cm-s-twilight .cm-number { color:  #ca7841; } /**/
.cm-s-twilight .cm-def { color: #8DA6CE; }
.cm-s-twilight span.cm-variable-2, .cm-s-twilight span.cm-tag { color: #607392; } /**/
.cm-s-twilight span.cm-variable-3, .cm-s-twilight span.cm-def { color: #607392; } /**/
.cm-s-twilight .cm-operator { color: #cda869; } /**/
.cm-s-twilight .cm-comment { color:#777; font-style:italic; font-weight:normal; } /**/
.cm-s-twilight .cm-string { color:#8f9d6a; font-style:italic; } /**/
.cm-s-twilight .cm-string-2 { color:#bd6b18 } /*?*/
.cm-s-twilight .cm-meta { background-color:#141414; color:#f7f7f7; } /*?*/
.cm-s-twilight .cm-builtin { color: #cda869; } /*?*/
.cm-s-twilight .cm-tag { color: #997643; } /**/
.cm-s-twilight .cm-attribute { color: #d6bb6d; } /*?*/
.cm-s-twilight .cm-header { color: #FF6400; }
.cm-s-twilight .cm-hr { color: #AEAEAE; }
.cm-s-twilight .cm-link {   color:#ad9361; font-style:italic; text-decoration:none; } /**/
.cm-s-twilight .cm-error { border-bottom: 1px solid red; }

.cm-s-twilight .CodeMirror-activeline-background {background: #27282E !important;}
.cm-s-twilight .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}

/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material-darker.CodeMirror {
  background-color: #212121;
  color: #EEFFFF;
}

.cm-s-material-darker .CodeMirror-gutters {
  background: #212121;
  color: #545454;
  border: none;
}

.cm-s-material-darker .CodeMirror-guttermarker,
.cm-s-material-darker .CodeMirror-guttermarker-subtle,
.cm-s-material-darker .CodeMirror-linenumber {
  color: #545454;
}

.cm-s-material-darker .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
}

.cm-s-material-darker div.CodeMirror-selected {
  background: rgba(97, 97, 97, 0.2);
}

.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(97, 97, 97, 0.2);
}

.cm-s-material-darker .CodeMirror-line::selection,
.cm-s-material-darker .CodeMirror-line>span::selection,
.cm-s-material-darker .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material-darker .CodeMirror-line::-moz-selection,
.cm-s-material-darker .CodeMirror-line>span::-moz-selection,
.cm-s-material-darker .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material-darker .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material-darker .cm-keyword {
  color: #C792EA;
}

.cm-s-material-darker .cm-operator {
  color: #89DDFF;
}

.cm-s-material-darker .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-material-darker .cm-variable-3,
.cm-s-material-darker .cm-type {
  color: #f07178;
}

.cm-s-material-darker .cm-builtin {
  color: #FFCB6B;
}

.cm-s-material-darker .cm-atom {
  color: #F78C6C;
}

.cm-s-material-darker .cm-number {
  color: #FF5370;
}

.cm-s-material-darker .cm-def {
  color: #82AAFF;
}

.cm-s-material-darker .cm-string {
  color: #C3E88D;
}

.cm-s-material-darker .cm-string-2 {
  color: #f07178;
}

.cm-s-material-darker .cm-comment {
  color: #545454;
}

.cm-s-material-darker .cm-variable {
  color: #f07178;
}

.cm-s-material-darker .cm-tag {
  color: #FF5370;
}

.cm-s-material-darker .cm-meta {
  color: #FFCB6B;
}

.cm-s-material-darker .cm-attribute {
  color: #C792EA;
}

.cm-s-material-darker .cm-property {
  color: #C792EA;
}

.cm-s-material-darker .cm-qualifier {
  color: #DECB6B;
}

.cm-s-material-darker .cm-variable-3,
.cm-s-material-darker .cm-type {
  color: #DECB6B;
}


.cm-s-material-darker .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
}

.cm-s-material-darker .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.CodeMirror-merge {
  position: relative;
  border: 1px solid #ddd;
  white-space: pre;
}

.CodeMirror-merge, .CodeMirror-merge .CodeMirror {
  height: 55vh;
}

.CodeMirror-merge-2pane .CodeMirror-merge-pane { width: 47%; }
.CodeMirror-merge-2pane .CodeMirror-merge-gap { width: 6%; }
.CodeMirror-merge-3pane .CodeMirror-merge-pane { width: 31%; }
.CodeMirror-merge-3pane .CodeMirror-merge-gap { width: 3.5%; }

.CodeMirror-merge-pane {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.CodeMirror-merge-pane-rightmost {
  /*position: absolute;*/
  right: 0px;
  z-index: 1;
}

.CodeMirror-merge-gap {
  z-index: 2;
  display: inline-block;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative;
  background: #f8f8f8;
}

.CodeMirror-merge-scrolllock-wrap {
  position: absolute;
  bottom: 0; left: 50%;
}
.CodeMirror-merge-scrolllock {
  position: relative;
  left: -50%;
  cursor: pointer;
  color: #555;
  line-height: 1;
}

.CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right {
  position: absolute;
  left: 0; top: 0;
  right: 0; bottom: 0;
  line-height: 1;
}

.CodeMirror-merge-copy {
  position: absolute;
  cursor: pointer;
  color: #44c;
  z-index: 3;
}

.CodeMirror-merge-copy-reverse {
  position: absolute;
  cursor: pointer;
  color: #44c;
}

.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px; }
.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px; }

.CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAABHNCSVQICAgIfAhkiAAAABlJREFUCJljZGph+s/AwMDwt/ovAxMDEgAASkgEABOuxHkAAAAASUVORK5CYII=);
  background-position: bottom left;
  background-repeat: repeat-x;
}

.CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
  background-position: bottom left;
  background-repeat: repeat-x;
}

.CodeMirror-merge-r-chunk { background: #ffffe0; }
.CodeMirror-merge-r-chunk-start { border-top: 1px solid #ee8; }
.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #ee8; }
.CodeMirror-merge-r-connect { fill: #ffffe0; stroke: #ee8; stroke-width: 1px; }

.CodeMirror-merge-l-chunk { background: #eef; }
.CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e; }
.CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e; }
.CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px; }

.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd; }
.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4; }
.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4; }

.CodeMirror-merge-collapsed-widget:before {
  content: "(...)";
}
.CodeMirror-merge-collapsed-widget {
  cursor: pointer;
  color: #88b;
  background: #eef;
  border: 1px solid #ddf;
  font-size: 90%;
  padding: 0 3px;
  border-radius: 4px;
}
.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt { display: none; }

.CodeMirror-pane-background-left { background: #ffe7eb; } 
.CodeMirror-pane-background-right { background: #daf8cf; }
/* The lint marker gutter */
.CodeMirror-lint-markers {
  width: 16px;
}

.CodeMirror-lint-tooltip {
  background-color: #ffd;
  border: 1px solid black;
  border-radius: 4px 4px 4px 4px;
  color: black;
  font-family: monospace;
  font-size: 10pt;
  overflow: hidden;
  padding: 2px 5px;
  position: fixed;
  white-space: pre;
  white-space: pre-wrap;
  z-index: 100;
  max-width: 600px;
  opacity: 0;
  transition: opacity .4s;
  -moz-transition: opacity .4s;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -ms-transition: opacity .4s;
}

.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
  background-position: left bottom;
  background-repeat: repeat-x;
}

.CodeMirror-lint-mark-error {
  background-image:
  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
  ;
}

.CodeMirror-lint-mark-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  position: relative;
}

.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
  padding-left: 18px;
  background-position: top left;
  background-repeat: no-repeat;
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-multiple {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%; height: 100%;
}

.CodeMirror-hints {
  position: absolute;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;

  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  /*font-size: 80%;*/
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  width: 50vw;
}

.CodeMirror-hint:not(.divider) {
  margin: 0;
  padding: 2px 8px;
  border-radius: 2px;
  /*white-space: pre;*/
  color: #369;
  cursor: pointer;
}
.CodeMirror-hint:not(.divider):hover {
  text-decoration: underline;
}

li.CodeMirror-hint-active {
  background: #fec;
}

li.CodeMirror-hint.divider {
  color: black;
  padding-left: 0;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: red;
  outline:1px solid darkgray;
  font-weight: bold;
  background-color: gold;
}
/*
  Icon Font: flatuifont
*/

@font-face {
  font-family: "flatuifont";
  src: url(/static/dist/flatuifont.a19e7ff1.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}


.ffg-12 { font-size:12px;}
.ffg-14 { font-size:14px;}
.ffg-16 { font-size:16px;}
.ffg-18 { font-size:18px;}
.ffg-24 { font-size:24px;}
.ffg-48 { font-size:48px;}


.ffg:before {
  display: inline-block;
  font-family: "flatuifont";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  width: 1em;
  content: '?';
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
}

.ffg.loading:before {
  animation: spin 1s infinite steps(8); /* Chrome, Firefox 16+, IE 10+, Opera */
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ffg-nbsp:before { content: "\00a0"; }

.ffg-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
}
.ffg-stack .ffg {
  position: absolute;
}
.ffg-stack .ffg-indent {
  left: 0.2em;
}

.ffg-1col:before { content: "\f100"; }
.ffg-2col:before { content: "\f101"; }
.ffg-3col:before { content: "\f102"; }
.ffg-4col:before { content: "\f103"; }
.ffg-acknowledge:before { content: "\f104"; }
.ffg-acs:before { content: "\f105"; }
.ffg-active-directory:before { content: "\f106"; }
.ffg-add:before { content: "\f107"; }
.ffg-address:before { content: "\f108"; }
.ffg-address-explicit-proxy:before { content: "\f109"; }
.ffg-address-explicit-proxy-group:before { content: "\f10a"; }
.ffg-address-fqdn:before { content: "\f10b"; }
.ffg-address-geo:before { content: "\f10c"; }
.ffg-address-geo-graph:before { content: "\f10d"; }
.ffg-address-group:before { content: "\f10e"; }
.ffg-address-iprange:before { content: "\f10f"; }
.ffg-address-ipv4:before { content: "\f110"; }
.ffg-address-ipv6:before { content: "\f111"; }
.ffg-address-mac:before { content: "\f112"; }
.ffg-address-multicast:before { content: "\f113"; }
.ffg-address-nsx:before { content: "\f114"; }
.ffg-address-vip:before { content: "\f115"; }
.ffg-address-vipgroup:before { content: "\f116"; }
.ffg-address-wildcard-fqdn:before { content: "\f117"; }
.ffg-adhoc:before { content: "\f118"; }
.ffg-adhoc-wifi-networks:before { content: "\f119"; }
.ffg-administrator:before { content: "\f11a"; }
.ffg-administrators:before { content: "\f11b"; }
.ffg-adom-folder:before { content: "\f11c"; }
.ffg-advanced:before { content: "\f11d"; }
.ffg-advanced-search:before { content: "\f11e"; }
.ffg-advanced-settings:before { content: "\f11f"; }
.ffg-aggregate:before { content: "\f120"; }
.ffg-alert-triage:before { content: "\f121"; }
.ffg-alladoms:before { content: "\f122"; }
.ffg-amazon:before { content: "\f123"; }
.ffg-amazon-o:before { content: "\f124"; }
.ffg-analytics:before { content: "\f125"; }
.ffg-and:before { content: "\f126"; }
.ffg-android:before { content: "\f127"; }
.ffg-antivirus:before { content: "\f128"; }
.ffg-ap-on-floor:before { content: "\f129"; }
.ffg-application-control:before { content: "\f12a"; }
.ffg-applications:before { content: "\f12b"; }
.ffg-arrow-down:before { content: "\f12c"; }
.ffg-arrow-left:before { content: "\f12d"; }
.ffg-arrow-right:before { content: "\f12e"; }
.ffg-arrow-up:before { content: "\f12f"; }
.ffg-authentication-scheme:before { content: "\f130"; }
.ffg-automation:before { content: "\f131"; }
.ffg-aws:before { content: "\f132"; }
.ffg-aws-lambda:before { content: "\f133"; }
.ffg-azure:before { content: "\f134"; }
.ffg-azure-o:before { content: "\f135"; }
.ffg-azure-o-no-border:before { content: "\f136"; }
.ffg-bell:before { content: "\f137"; }
.ffg-blackberry:before { content: "\f138"; }
.ffg-book:before { content: "\f139"; }
.ffg-bridging:before { content: "\f13a"; }
.ffg-bubbles:before { content: "\f13b"; }
.ffg-ca-certificates:before { content: "\f13c"; }
.ffg-ca-certificates-top:before { content: "\f13d"; }
.ffg-calendar:before { content: "\f13e"; }
.ffg-cancel:before { content: "\f13f"; }
.ffg-case-insensitive:before { content: "\f140"; }
.ffg-case-sensitive:before { content: "\f141"; }
.ffg-certificate:before { content: "\f142"; }
.ffg-certificate-local:before { content: "\f143"; }
.ffg-certificate-local-top:before { content: "\f144"; }
.ffg-certificate-remote:before { content: "\f145"; }
.ffg-certificate-remote-top:before { content: "\f146"; }
.ffg-chart-area:before { content: "\f147"; }
.ffg-chart-bar:before { content: "\f148"; }
.ffg-chart-bubble:before { content: "\f149"; }
.ffg-chart-chord:before { content: "\f14a"; }
.ffg-chart-donut:before { content: "\f14b"; }
.ffg-chart-library:before { content: "\f14c"; }
.ffg-chart-line:before { content: "\f14d"; }
.ffg-chart-map:before { content: "\f14e"; }
.ffg-chart-pie:before { content: "\f14f"; }
.ffg-chart-radar:before { content: "\f150"; }
.ffg-chart-sankey:before { content: "\f151"; }
.ffg-chart-stack-bar:before { content: "\f152"; }
.ffg-chart-table:before { content: "\f153"; }
.ffg-chart-treemap:before { content: "\f154"; }
.ffg-check:before { content: "\f155"; }
.ffg-check-empty:before { content: "\f156"; }
.ffg-check-selected:before { content: "\f157"; }
.ffg-checkered-top-left-bottom-right:before { content: "\f158"; }
.ffg-checkered-top-right-bottom-left:before { content: "\f159"; }
.ffg-chip:before { content: "\f15a"; }
.ffg-circle-thin:before { content: "\f15b"; }
.ffg-cisco:before { content: "\f15c"; }
.ffg-cisco-aci:before { content: "\f15d"; }
.ffg-cli:before { content: "\f15e"; }
.ffg-cli-group:before { content: "\f15f"; }
.ffg-clients-connected:before { content: "\f160"; }
.ffg-clone:before { content: "\f161"; }
.ffg-close:before { content: "\f162"; }
.ffg-cloud:before { content: "\f163"; }
.ffg-cloud-flow:before { content: "\f164"; }
.ffg-cloud-flow-trans:before { content: "\f165"; }
.ffg-cloud-group:before { content: "\f166"; }
.ffg-cloud-o:before { content: "\f167"; }
.ffg-cloud-proxy:before { content: "\f168"; }
.ffg-cloud-proxy-trans:before { content: "\f169"; }
.ffg-cloud-vm:before { content: "\f16a"; }
.ffg-cloud-vm-current:before { content: "\f16b"; }
.ffg-cmgmt-ro-o:before { content: "\f16c"; }
.ffg-cmgmt-rw-o:before { content: "\f16d"; }
.ffg-col-settings:before { content: "\f16e"; }
.ffg-collapse-all:before { content: "\f16f"; }
.ffg-config-status:before { content: "\f170"; }
.ffg-connected:before { content: "\f171"; }
.ffg-connection-down:before { content: "\f172"; }
.ffg-connectors:before { content: "\f173"; }
.ffg-copy:before { content: "\f174"; }
.ffg-correlation-rules:before { content: "\f175"; }
.ffg-cpu:before { content: "\f176"; }
.ffg-crl:before { content: "\f177"; }
.ffg-crl-top:before { content: "\f178"; }
.ffg-csv-format:before { content: "\f179"; }
.ffg-cursor:before { content: "\f17a"; }
.ffg-custom:before { content: "\f17b"; }
.ffg-custom-schedule:before { content: "\f17c"; }
.ffg-custom-view:before { content: "\f17d"; }
.ffg-cut:before { content: "\f17e"; }
.ffg-dashboard:before { content: "\f17f"; }
.ffg-data-leak-prevention:before { content: "\f180"; }
.ffg-dataset:before { content: "\f181"; }
.ffg-delete:before { content: "\f182"; }
.ffg-deselect:before { content: "\f183"; }
.ffg-deselect-all:before { content: "\f184"; }
.ffg-detail:before { content: "\f185"; }
.ffg-device:before { content: "\f186"; }
.ffg-device-dashboard:before { content: "\f187"; }
.ffg-device-group-custom:before { content: "\f188"; }
.ffg-device-lock:before { content: "\f189"; }
.ffg-device-log-settings:before { content: "\f18a"; }
.ffg-device-model:before { content: "\f18b"; }
.ffg-device-total:before { content: "\f18c"; }
.ffg-dial-up:before { content: "\f18d"; }
.ffg-diff:before { content: "\f18e"; }
.ffg-disable:before { content: "\f18f"; }
.ffg-disconnected:before { content: "\f190"; }
.ffg-disk:before { content: "\f191"; }
.ffg-doc-arrows:before { content: "\f192"; }
.ffg-dot:before { content: "\f193"; }
.ffg-dot-round:before { content: "\f194"; }
.ffg-down:before { content: "\f195"; }
.ffg-download:before { content: "\f196"; }
.ffg-download-csv:before { content: "\f197"; }
.ffg-download-pdf:before { content: "\f198"; }
.ffg-drag:before { content: "\f199"; }
.ffg-dynamic-objects:before { content: "\f19a"; }
.ffg-edit:before { content: "\f19b"; }
.ffg-email:before { content: "\f19c"; }
.ffg-emailfilter:before { content: "\f19d"; }
.ffg-ems-antivirus:before { content: "\f19e"; }
.ffg-ems-connection:before { content: "\f19f"; }
.ffg-ems-software-inventory:before { content: "\f1a0"; }
.ffg-ems-vulnerability-scan:before { content: "\f1a1"; }
.ffg-enable:before { content: "\f1a2"; }
.ffg-esxi:before { content: "\f1a3"; }
.ffg-event:before { content: "\f1a4"; }
.ffg-event-monitor:before { content: "\f1a5"; }
.ffg-event-trigger:before { content: "\f1a6"; }
.ffg-eventlog:before { content: "\f1a7"; }
.ffg-exclamation:before { content: "\f1a8"; }
.ffg-exit-full-screen:before { content: "\f1a9"; }
.ffg-expand-all:before { content: "\f1aa"; }
.ffg-expand-arrow:before { content: "\f1ab"; }
.ffg-export:before { content: "\f1ac"; }
.ffg-external-resource-address:before { content: "\f1ad"; }
.ffg-external-resource-category:before { content: "\f1ae"; }
.ffg-external-resource-domain:before { content: "\f1af"; }
.ffg-external-resource-malware:before { content: "\f1b0"; }
.ffg-eye-close:before { content: "\f1b1"; }
.ffg-eye-open:before { content: "\f1b2"; }
.ffg-fabric-device:before { content: "\f1b3"; }
.ffg-facebook:before { content: "\f1b4"; }
.ffg-fan:before { content: "\f1b5"; }
.ffg-faz-collector:before { content: "\f1b6"; }
.ffg-faz-standalone:before { content: "\f1b7"; }
.ffg-fems-logo:before { content: "\f1b8"; }
.ffg-firewall:before { content: "\f1b9"; }
.ffg-fmg-backup-mode:before { content: "\f1ba"; }
.ffg-folder:before { content: "\f1bb"; }
.ffg-folder-group:before { content: "\f1bc"; }
.ffg-folder-open-twotabs:before { content: "\f1bd"; }
.ffg-folder-twotabs:before { content: "\f1be"; }
.ffg-fortiadc:before { content: "\f1bf"; }
.ffg-fortiai:before { content: "\f1c0"; }
.ffg-fortianalyzer:before { content: "\f1c1"; }
.ffg-fortianalyzer-o-no-border:before { content: "\f1c2"; }
.ffg-fortiap:before { content: "\f1c3"; }
.ffg-fortiap-marketing:before { content: "\f1c4"; }
.ffg-fortiauthenticator:before { content: "\f1c5"; }
.ffg-forticache:before { content: "\f1c6"; }
.ffg-forticarrier:before { content: "\f1c7"; }
.ffg-forticasb:before { content: "\f1c8"; }
.ffg-forticlient:before { content: "\f1c9"; }
.ffg-forticlient-ems:before { content: "\f1ca"; }
.ffg-forticlient-o:before { content: "\f1cb"; }
.ffg-forticlient-solid:before { content: "\f1cc"; }
.ffg-forticloud:before { content: "\f1cd"; }
.ffg-fortiddos:before { content: "\f1ce"; }
.ffg-fortideceptor:before { content: "\f1cf"; }
.ffg-fortiextender:before { content: "\f1d0"; }
.ffg-fortifirewall:before { content: "\f1d1"; }
.ffg-fortigate:before { content: "\f1d2"; }
.ffg-fortigate-marketing:before { content: "\f1d3"; }
.ffg-fortigate-marketing-current:before { content: "\f1d4"; }
.ffg-fortigate-marketing-fwf:before { content: "\f1d5"; }
.ffg-fortigate-marketing-fwf-current:before { content: "\f1d6"; }
.ffg-fortigate-marketing-vm:before { content: "\f1d7"; }
.ffg-fortigate-marketing-vm-current:before { content: "\f1d8"; }
.ffg-fortiguard:before { content: "\f1d9"; }
.ffg-fortiguard-dashboard:before { content: "\f1da"; }
.ffg-fortimail:before { content: "\f1db"; }
.ffg-fortimanager:before { content: "\f1dc"; }
.ffg-fortimanager-map:before { content: "\f1dd"; }
.ffg-fortinac:before { content: "\f1de"; }
.ffg-fortinet-grid:before { content: "\f1df"; }
.ffg-fortiproxy:before { content: "\f1e0"; }
.ffg-fortirecorder:before { content: "\f1e1"; }
.ffg-fortisandbox:before { content: "\f1e2"; }
.ffg-fortisoar:before { content: "\f1e3"; }
.ffg-fortiswitch:before { content: "\f1e4"; }
.ffg-fortiswitch-ha:before { content: "\f1e5"; }
.ffg-fortiswitch-marketing:before { content: "\f1e6"; }
.ffg-fortitoken:before { content: "\f1e7"; }
.ffg-fortitoken-revoke:before { content: "\f1e8"; }
.ffg-fortitoken-send:before { content: "\f1e9"; }
.ffg-fortiview:before { content: "\f1ea"; }
.ffg-fortiweb:before { content: "\f1eb"; }
.ffg-fortiwifi:before { content: "\f1ec"; }
.ffg-fortiwlc:before { content: "\f1ed"; }
.ffg-freebsd:before { content: "\f1ee"; }
.ffg-fsso-service:before { content: "\f1ef"; }
.ffg-ftp-server:before { content: "\f1f0"; }
.ffg-full-meshed:before { content: "\f1f1"; }
.ffg-full-screen:before { content: "\f1f2"; }
.ffg-gaming-console:before { content: "\f1f3"; }
.ffg-gcp:before { content: "\f1f4"; }
.ffg-gcp-o:before { content: "\f1f5"; }
.ffg-gcp-o-no-border:before { content: "\f1f6"; }
.ffg-globe:before { content: "\f1f7"; }
.ffg-google:before { content: "\f1f8"; }
.ffg-group:before { content: "\f1f9"; }
.ffg-grouping:before { content: "\f1fa"; }
.ffg-gtp-log:before { content: "\f1fb"; }
.ffg-ha:before { content: "\f1fc"; }
.ffg-hamburger:before { content: "\f1fd"; }
.ffg-heartbeat:before { content: "\f1fe"; }
.ffg-help-o:before { content: "\f1ff"; }
.ffg-help-solid:before { content: "\f200"; }
.ffg-history:before { content: "\f201"; }
.ffg-hook-triangle-left:before { content: "\f202"; }
.ffg-hook-triangle-right-bottom:before { content: "\f203"; }
.ffg-hub:before { content: "\f204"; }
.ffg-ibm-cloud:before { content: "\f205"; }
.ffg-import:before { content: "\f206"; }
.ffg-incidents:before { content: "\f207"; }
.ffg-incidents-add:before { content: "\f208"; }
.ffg-incidents-new:before { content: "\f209"; }
.ffg-insert-above:before { content: "\f20a"; }
.ffg-insert-below:before { content: "\f20b"; }
.ffg-install:before { content: "\f20c"; }
.ffg-interface:before { content: "\f20d"; }
.ffg-interface-filtered:before { content: "\f20e"; }
.ffg-interface-fortilink:before { content: "\f20f"; }
.ffg-interface-modem:before { content: "\f210"; }
.ffg-interface-rj11:before { content: "\f211"; }
.ffg-interface-rj11-half-duplex:before { content: "\f212"; }
.ffg-interface-rj45:before { content: "\f213"; }
.ffg-interface-rj45-half-duplex:before { content: "\f214"; }
.ffg-interface-sfp:before { content: "\f215"; }
.ffg-interface-sfp-half-duplex:before { content: "\f216"; }
.ffg-intrusion-prevention:before { content: "\f217"; }
.ffg-ioc:before { content: "\f218"; }
.ffg-ios:before { content: "\f219"; }
.ffg-ip:before { content: "\f21a"; }
.ffg-ip-pool:before { content: "\f21b"; }
.ffg-ipfix:before { content: "\f21c"; }
.ffg-iphone:before { content: "\f21d"; }
.ffg-ipv6-template:before { content: "\f21e"; }
.ffg-kubernetes:before { content: "\f21f"; }
.ffg-language:before { content: "\f220"; }
.ffg-laptop:before { content: "\f221"; }
.ffg-last:before { content: "\f222"; }
.ffg-launch-portal:before { content: "\f223"; }
.ffg-ldap:before { content: "\f224"; }
.ffg-ldap-address:before { content: "\f225"; }
.ffg-ldap-city:before { content: "\f226"; }
.ffg-ldap-cn:before { content: "\f227"; }
.ffg-ldap-country:before { content: "\f228"; }
.ffg-ldap-dc:before { content: "\f229"; }
.ffg-ldap-organization:before { content: "\f22a"; }
.ffg-ldap-ou:before { content: "\f22b"; }
.ffg-ldap-server:before { content: "\f22c"; }
.ffg-ldap-state:before { content: "\f22d"; }
.ffg-ldap-uid:before { content: "\f22e"; }
.ffg-line-graph:before { content: "\f22f"; }
.ffg-linkedin:before { content: "\f230"; }
.ffg-linux:before { content: "\f231"; }
.ffg-local:before { content: "\f232"; }
.ffg-lock:before { content: "\f233"; }
.ffg-lock-by-user:before { content: "\f234"; }
.ffg-log:before { content: "\f235"; }
.ffg-log-array:before { content: "\f236"; }
.ffg-log-browse:before { content: "\f237"; }
.ffg-log-report:before { content: "\f238"; }
.ffg-log-view:before { content: "\f239"; }
.ffg-logout:before { content: "\f23a"; }
.ffg-logout-o:before { content: "\f23b"; }
.ffg-loopback:before { content: "\f23c"; }
.ffg-mac-os-x:before { content: "\f23d"; }
.ffg-macos:before { content: "\f23e"; }
.ffg-macro-library:before { content: "\f23f"; }
.ffg-mail:before { content: "\f240"; }
.ffg-mail-server:before { content: "\f241"; }
.ffg-malware:before { content: "\f242"; }
.ffg-matrix:before { content: "\f243"; }
.ffg-mesh:before { content: "\f244"; }
.ffg-meta-fields:before { content: "\f245"; }
.ffg-money:before { content: "\f246"; }
.ffg-monitor:before { content: "\f247"; }
.ffg-multiple-devices:before { content: "\f248"; }
.ffg-nav-user:before { content: "\f249"; }
.ffg-network:before { content: "\f24a"; }
.ffg-new:before { content: "\f24b"; }
.ffg-news:before { content: "\f24c"; }
.ffg-next:before { content: "\f24d"; }
.ffg-no:before { content: "\f24e"; }
.ffg-np-accelerated:before { content: "\f24f"; }
.ffg-nuage-networks:before { content: "\f250"; }
.ffg-null:before { content: "\f251"; }
.ffg-nutanix:before { content: "\f252"; }
.ffg-nutanix-small:before { content: "\f253"; }
.ffg-object-selector:before { content: "\f254"; }
.ffg-on-bottom:before { content: "\f255"; }
.ffg-on-left:before { content: "\f256"; }
.ffg-online-help:before { content: "\f257"; }
.ffg-opc:before { content: "\f258"; }
.ffg-opc-o:before { content: "\f259"; }
.ffg-openstack:before { content: "\f25a"; }
.ffg-openstack-text:before { content: "\f25b"; }
.ffg-or:before { content: "\f25c"; }
.ffg-oracle-oci:before { content: "\f25d"; }
.ffg-output-profile:before { content: "\f25e"; }
.ffg-packet-download:before { content: "\f25f"; }
.ffg-paste-above:before { content: "\f260"; }
.ffg-paste-below:before { content: "\f261"; }
.ffg-peer:before { content: "\f262"; }
.ffg-pen:before { content: "\f263"; }
.ffg-pending:before { content: "\f264"; }
.ffg-pin:before { content: "\f265"; }
.ffg-place-ap:before { content: "\f266"; }
.ffg-playbook-monitor:before { content: "\f267"; }
.ffg-playbooks:before { content: "\f268"; }
.ffg-policy-objects:before { content: "\f269"; }
.ffg-policy-package:before { content: "\f26a"; }
.ffg-port:before { content: "\f26b"; }
.ffg-ports:before { content: "\f26c"; }
.ffg-power:before { content: "\f26d"; }
.ffg-printer:before { content: "\f26e"; }
.ffg-profile:before { content: "\f26f"; }
.ffg-profile-antivirus:before { content: "\f270"; }
.ffg-profile-application:before { content: "\f271"; }
.ffg-profile-dlp:before { content: "\f272"; }
.ffg-profile-dos:before { content: "\f273"; }
.ffg-profile-emailfilter:before { content: "\f274"; }
.ffg-profile-ips:before { content: "\f275"; }
.ffg-profile-package:before { content: "\f276"; }
.ffg-profile-proxy-option:before { content: "\f277"; }
.ffg-profile-ssl-ssh-inspection:before { content: "\f278"; }
.ffg-profile-webfilter:before { content: "\f279"; }
.ffg-protected-schedule:before { content: "\f27a"; }
.ffg-purge:before { content: "\f27b"; }
.ffg-quarantine:before { content: "\f27c"; }
.ffg-radio-empty:before { content: "\f27d"; }
.ffg-radio-selected:before { content: "\f27e"; }
.ffg-radius:before { content: "\f27f"; }
.ffg-radius-server:before { content: "\f280"; }
.ffg-ram:before { content: "\f281"; }
.ffg-reboot:before { content: "\f282"; }
.ffg-redo:before { content: "\f283"; }
.ffg-refresh:before { content: "\f284"; }
.ffg-refresh-rectangle:before { content: "\f285"; }
.ffg-regular-search:before { content: "\f286"; }
.ffg-remote:before { content: "\f287"; }
.ffg-remove-all:before { content: "\f288"; }
.ffg-report:before { content: "\f289"; }
.ffg-report-home:before { content: "\f28a"; }
.ffg-reset:before { content: "\f28b"; }
.ffg-responsive:before { content: "\f28c"; }
.ffg-retrieve-diagnostic:before { content: "\f28d"; }
.ffg-ring-network:before { content: "\f28e"; }
.ffg-rogue:before { content: "\f28f"; }
.ffg-rogue-ap:before { content: "\f290"; }
.ffg-rsso:before { content: "\f291"; }
.ffg-run-report:before { content: "\f292"; }
.ffg-salesforce:before { content: "\f293"; }
.ffg-salesforce-o:before { content: "\f294"; }
.ffg-samba-server:before { content: "\f295"; }
.ffg-save:before { content: "\f296"; }
.ffg-schedule:before { content: "\f297"; }
.ffg-schedule-group:before { content: "\f298"; }
.ffg-schedule-recurrence:before { content: "\f299"; }
.ffg-schedule-recurring:before { content: "\f29a"; }
.ffg-schedule-trigger:before { content: "\f29b"; }
.ffg-sd-wan:before { content: "\f29c"; }
.ffg-sdn-conntector:before { content: "\f29d"; }
.ffg-search:before { content: "\f29e"; }
.ffg-search-contextmenu:before { content: "\f29f"; }
.ffg-security:before { content: "\f2a0"; }
.ffg-security-fabric:before { content: "\f2a1"; }
.ffg-select:before { content: "\f2a2"; }
.ffg-select-all:before { content: "\f2a3"; }
.ffg-send-logs:before { content: "\f2a4"; }
.ffg-service:before { content: "\f2a5"; }
.ffg-service-group:before { content: "\f2a6"; }
.ffg-sessions:before { content: "\f2a7"; }
.ffg-settings:before { content: "\f2a8"; }
.ffg-share:before { content: "\f2a9"; }
.ffg-shopping-cart:before { content: "\f2aa"; }
.ffg-shutdown:before { content: "\f2ab"; }
.ffg-siem:before { content: "\f2ac"; }
.ffg-simple-view:before { content: "\f2ad"; }
.ffg-skype:before { content: "\f2ae"; }
.ffg-sms:before { content: "\f2af"; }
.ffg-snmp:before { content: "\f2b0"; }
.ffg-solid:before { content: "\f2b1"; }
.ffg-spinner:before { content: "\f2b2"; }
.ffg-ssh:before { content: "\f2b3"; }
.ffg-ssl:before { content: "\f2b4"; }
.ffg-star:before { content: "\f2b5"; }
.ffg-summary:before { content: "\f2b6"; }
.ffg-support:before { content: "\f2b7"; }
.ffg-supress:before { content: "\f2b8"; }
.ffg-switch:before { content: "\f2b9"; }
.ffg-switch-2:before { content: "\f2ba"; }
.ffg-switch-vdom:before { content: "\f2bb"; }
.ffg-symantec:before { content: "\f2bc"; }
.ffg-syslog:before { content: "\f2bd"; }
.ffg-system-settings:before { content: "\f2be"; }
.ffg-table:before { content: "\f2bf"; }
.ffg-tacacs:before { content: "\f2c0"; }
.ffg-tacacs-server:before { content: "\f2c1"; }
.ffg-tag:before { content: "\f2c2"; }
.ffg-tag-category:before { content: "\f2c3"; }
.ffg-task-manager:before { content: "\f2c4"; }
.ffg-temperature:before { content: "\f2c5"; }
.ffg-templates:before { content: "\f2c6"; }
.ffg-terminal:before { content: "\f2c7"; }
.ffg-third-party-threat-feed:before { content: "\f2c8"; }
.ffg-threats:before { content: "\f2c9"; }
.ffg-timeline:before { content: "\f2ca"; }
.ffg-toggle-off:before { content: "\f2cb"; }
.ffg-toggle-on:before { content: "\f2cc"; }
.ffg-tools:before { content: "\f2cd"; }
.ffg-top-help:before { content: "\f2ce"; }
.ffg-top-message:before { content: "\f2cf"; }
.ffg-top-task:before { content: "\f2d0"; }
.ffg-top-user:before { content: "\f2d1"; }
.ffg-traffic:before { content: "\f2d2"; }
.ffg-traffic-shaper:before { content: "\f2d3"; }
.ffg-traffic-shaper-reverse:before { content: "\f2d4"; }
.ffg-tray-alert:before { content: "\f2d5"; }
.ffg-tray-running:before { content: "\f2d6"; }
.ffg-tree-close-light:before { content: "\f2d7"; }
.ffg-tree-collapsed:before { content: "\f2d8"; }
.ffg-tree-open:before { content: "\f2d9"; }
.ffg-tree-open-light:before { content: "\f2da"; }
.ffg-triangle-down:before { content: "\f2db"; }
.ffg-triangle-right:before { content: "\f2dc"; }
.ffg-twitter:before { content: "\f2dd"; }
.ffg-undo:before { content: "\f2de"; }
.ffg-unlocked:before { content: "\f2df"; }
.ffg-unpin:before { content: "\f2e0"; }
.ffg-unregistered:before { content: "\f2e1"; }
.ffg-up:before { content: "\f2e2"; }
.ffg-upgrade:before { content: "\f2e3"; }
.ffg-usb:before { content: "\f2e4"; }
.ffg-usb-o:before { content: "\f2e5"; }
.ffg-usb-warn-o:before { content: "\f2e6"; }
.ffg-user:before { content: "\f2e7"; }
.ffg-user-o:before { content: "\f2e8"; }
.ffg-user-radius:before { content: "\f2e9"; }
.ffg-user-secret:before { content: "\f2ea"; }
.ffg-users:before { content: "\f2eb"; }
.ffg-validate:before { content: "\f2ec"; }
.ffg-validate-all:before { content: "\f2ed"; }
.ffg-vdom:before { content: "\f2ee"; }
.ffg-vdom-flow:before { content: "\f2ef"; }
.ffg-vdom-flow-transparent:before { content: "\f2f0"; }
.ffg-vdom-proxy:before { content: "\f2f1"; }
.ffg-vdom-proxy-transparent:before { content: "\f2f2"; }
.ffg-video:before { content: "\f2f3"; }
.ffg-view:before { content: "\f2f4"; }
.ffg-view-detail:before { content: "\f2f5"; }
.ffg-virtual-domain:before { content: "\f2f6"; }
.ffg-virtual-ip:before { content: "\f2f7"; }
.ffg-virtual-ip-group:before { content: "\f2f8"; }
.ffg-virtual-machine:before { content: "\f2f9"; }
.ffg-virtual-server-load-balance:before { content: "\f2fa"; }
.ffg-virtual-wan-link:before { content: "\f2fb"; }
.ffg-virtual-wire-pair:before { content: "\f2fc"; }
.ffg-vlan:before { content: "\f2fd"; }
.ffg-vm:before { content: "\f2fe"; }
.ffg-vmware:before { content: "\f2ff"; }
.ffg-vmware-esxi:before { content: "\f300"; }
.ffg-vmware-nsx:before { content: "\f301"; }
.ffg-voip:before { content: "\f302"; }
.ffg-vpn:before { content: "\f303"; }
.ffg-vpn-lock:before { content: "\f304"; }
.ffg-vpn-lock-o:before { content: "\f305"; }
.ffg-vpn-manager:before { content: "\f306"; }
.ffg-vpn-tunnel:before { content: "\f307"; }
.ffg-vpn-wzd-arrow:before { content: "\f308"; }
.ffg-vpn-wzd-device:before { content: "\f309"; }
.ffg-vpn-wzd-interface:before { content: "\f30a"; }
.ffg-vpn-wzd-protected-network:before { content: "\f30b"; }
.ffg-vpn-wzd-vpn:before { content: "\f30c"; }
.ffg-vulnerability-scan:before { content: "\f30d"; }
.ffg-wan-opt:before { content: "\f30e"; }
.ffg-warning:before { content: "\f30f"; }
.ffg-warning-out-of-memory:before { content: "\f310"; }
.ffg-web-server:before { content: "\f311"; }
.ffg-webfilter:before { content: "\f312"; }
.ffg-where-used:before { content: "\f313"; }
.ffg-wifi:before { content: "\f314"; }
.ffg-wifi-bridging:before { content: "\f315"; }
.ffg-wifi-controller:before { content: "\f316"; }
.ffg-wifi-mesh:before { content: "\f317"; }
.ffg-windows13:before { content: "\f318"; }
.ffg-wizard-o:before { content: "\f319"; }
.ffg-yes:before { content: "\f31a"; }


.nw-port-icon-container.active .nw-active-port-icon,
.nw-port-icon-container:focus .nw-active-port-icon {
  scale: 1.3;
  color: rgb(var(--nw-color-primary));
  box-shadow: var(--nw-shadow-focus-hover);
  transition: var(--nw-transition-fast) color, var(--nw-transition-fast) box-shadow;
}

.nw-button {
  /* When disabled, prevent mouse events from bubbling up */
  /* Clicks on icons shouldn't prevent the button from gaining focus */
  /*
  * Standard buttons
  */
  /* Default */
  /* Primary */
  /* Secondary */
  /* Success */
  /* Neutral */
  /* Warning */
  /* Danger */
  /*
  * Text buttons
  */
  /*
  * Circle modifier
  */
  /*
  * Caret modifier
  */
  /*
  * Loading modifier
  */
  /*
  * Spacing
  */
}
.nw-button:focus {
  outline: none;
}
.nw-button.nw--disabled * {
  pointer-events: none;
}
.nw-button .nw-core-icon {
  pointer-events: none;
}
.nw-button .button__prefix,
.nw-button .button__suffix {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.nw-button .button--loading {
  cursor: wait;
  position: relative;
  padding-left: 18px;
}
.nw-button .button--loading .nw-spinner {
  --indicator-color: currentColor;
  position: absolute;
  font-size: 1em;
  height: 1em;
  width: 1em;
  top: calc(50% - 0.5em);
  left: 0.2rem;
}
/*
 * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
 * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
 * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
 * buttons and we style them here instead.
 */
/* All except the first */
/* Add a visual separator between solid buttons */
/* Bump focused buttons up so their focus ring isn't clipped */

.nw-switch {
  --height: 14px;
  --thumb-size: 12px;
  --width: 20px;
  /* Hover */
  /* Focus */
  /* Checked */
  /* increase contrast because under all themes primary-color is used as background. */
  /* Checked + hover */
  /* Checked + focus */
}
.nw-switch .switch__input {
  width: var(--width);
  height: var(--height);
}
.nw-switch .switch__control {
  width: var(--width);
  height: var(--height);
}
.nw-switch .switch__control .switch__thumb {
  width: var(--thumb-size);
  height: var(--thumb-size);
}
.nw-switch .switch__label {
  line-height: var(--height);
}
.nw-switch .switch__control {
  background-color: rgba(var(--nw-color-neutral-800) / 70%);
  border: solid var(--nw-input-border-width) rgba(var(--nw-color-neutral-800) / 70%);
  border-radius: var(--height);
  transition: var(--nw-transition-fast) border-color, var(--nw-transition-fast) background-color;
}
.nw-switch .switch__control .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-radius: 50%;
  border: solid var(--nw-input-border-width) rgba(var(--nw-color-neutral-800) / 70%);
  transform: translateX(calc((var(--width) - var(--height)) / -2));
  transition: var(--nw-transition-fast) transform ease, var(--nw-transition-fast) background-color, var(--nw-transition-fast) border-color, var(--nw-transition-fast) box-shadow;
}
.nw-switch:not(.nw--checked):not(.nw--disabled) .switch__control:hover {
  background-color: rgba(var(--nw-color-neutral-800) / 70%);
  border-color: rgba(var(--nw-color-neutral-800) / 70%);
}
.nw-switch:not(.nw--checked):not(.nw--disabled) .switch__control:hover .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgba(var(--nw-color-neutral-800) / 70%);
}
.nw-switch:not(.nw--checked):not(.nw--disabled) .switch__input:focus-visible ~ .switch__control {
  background-color: rgba(var(--nw-color-neutral-800) / 70%);
  border-color: rgba(var(--nw-color-neutral-800) / 70%);
}
.nw-switch:not(.nw--checked):not(.nw--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
  box-shadow: 0 0 0 var(--nw-focus-ring-width) rgb(var(--nw-color-primary-400) / var(--nw-focus-ring-alpha));
}
.nw-switch.nw--checked .switch__control {
  background-color: rgb(var(--nw-color-primary-500));
  border-color: rgb(var(--nw-color-primary-500));
}
.nw-switch.nw--checked .switch__control .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
  transform: translateX(calc((var(--width) - var(--height)) / 2));
}
.nw-switch.nw--checked:not(.nw--disabled) .switch__control:hover {
  background-color: rgb(var(--nw-color-primary-500));
  border-color: rgb(var(--nw-color-primary-500));
}
.nw-switch.nw--checked:not(.nw--disabled) .switch__control:hover .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
}
.nw-switch.nw--checked:not(.nw--disabled) .switch__input:focus-visible ~ .switch__control {
  background-color: rgb(var(--nw-color-primary-500));
  border-color: rgb(var(--nw-color-primary-500));
}
.nw-switch.nw--checked:not(.nw--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
  box-shadow: 0 0 0 var(--nw-focus-ring-width) rgb(var(--nw-color-primary-500) / var(--nw-focus-ring-alpha));
}
.np-theme-neutrino .nw-switch.nw--checked .switch__control,
.np-theme-neutrino .nw-switch.nw--checked:not(.nw--disabled) .switch__control:hover {
  border-color: rgb(var(--nw-color-red));
  background-color: rgb(var(--nw-color-red));
}
.np-theme-neutrino .nw-switch.nw--checked .switch__thumb,
.np-theme-neutrino .nw-switch.nw--checked:not(.nw--disabled) .switch__control:hover .switch__thumb {
  border-color: rgb(var(--nw-color-red));
}

.nw-checkbox {
  /* Checked/indeterminate + hover */
}
.nw-checkbox .checkbox__control {
  transition: var(--nw-transition-fast) border-color, var(--nw-transition-fast) background-color, var(--nw-transition-fast) color, var(--nw-transition-fast) box-shadow;
}

.nw-radio {
  position: relative;
  box-sizing: border-box;
  /* Hover */
  /* Focus */
  /* Checked */
  /* radio check ripple effect */
  /* Checked + hover */
  /* Checked + focus */
  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
}
.nw-radio *,
.nw-radio *::before,
.nw-radio *::after {
  box-sizing: inherit;
}
.nw-radio *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-radio *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-radio *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-radio * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-radio .nw-core-radio {
  display: inline-flex;
  align-items: center;
  font-family: var(--nw-input-font-family);
  font-size: var(--nw-input-font-size-medium);
  font-weight: var(--nw-input-font-weight);
  color: rgb(var(--nw-input-color));
  vertical-align: middle;
  margin-right: 1rem;
}
.nw-radio .radio__icon {
  display: inline-flex;
  width: var(--nw-toggle-size);
  height: var(--nw-toggle-size);
}
.nw-radio .radio__icon svg {
  width: 100%;
  height: 100%;
  color: rgb(var(--nw-color-primary-500));
}
.nw-radio .radio__control {
  flex: 0 0 auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--nw-toggle-size);
  height: var(--nw-toggle-size);
  border: solid 2px rgb(var(--nw-color-neutral-600));
  border-radius: 50%;
  background-color: rgb(var(--nw-input-background-color));
  color: transparent;
  transition: var(--nw-transition-fast) border-color, var(--nw-transition-fast) background-color, var(--nw-transition-fast) color, var(--nw-transition-fast) box-shadow;
}
.nw-radio .radio__control input[type='radio'] {
  position: absolute;
  opacity: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-appearance: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgb(var(--nw-color-primary-300));
  transition: opacity 0.3s, transform 0.2s;
  outline: none;
}
.nw-radio .nw-core-radio:not(.radio--checked):not(.nw--disabled) .radio__control:hover {
  border-color: rgb(var(--nw-input-border-color-hover));
  background-color: rgb(var(--nw-input-background-color-hover));
}
.nw-radio .nw-core-radio input[type='radio']:hover {
  opacity: 0.3;
}
.nw-radio .nw-core-radio input[type='radio']:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}
.nw-radio .nw-core-radio:not(.radio--checked) input[type='radio'] {
  background-color: rgb(var(--nw-color-neutral-300));
}
.nw-radio .nw-core-radio.radio--focused:not(.radio--checked):not(.nw--disabled) .radio__control {
  border-color: rgb(var(--nw-input-border-color-focus));
  background-color: rgb(var(--nw-input-background-color-focus));
  box-shadow: 0 0 0 var(--nw-focus-ring-width) rgb(var(--nw-color-primary-400) / var(--nw-focus-ring-alpha));
}
.nw-radio .radio--checked .radio__control {
  color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-primary-500));
  /* background-color: rgb(var(--nw-color-primary-600));*/
}
.nw-radio .radio--checked .radio__control:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(var(--nw-color-primary-300));
  border-radius: 50%;
  visibility: visible;
  animation: nwRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
@keyframes nwRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.3);
    opacity: 0;
  }
}
.nw-radio .nw-core-radio.radio--checked:not(.nw--disabled) .radio__control:hover {
  border-color: rgb(var(--nw-color-primary-400));
  /* background-color: rgb(var(--nw-color-primary-500)); */
}
.nw-radio .nw-core-radio.radio--checked:not(.nw--disabled).radio--focused .radio__control {
  border-color: rgb(var(--nw-color-primary-400));
  /* background-color: rgb(var(--nw-color-primary-500)); */
  box-shadow: 0 0 0 var(--nw-focus-ring-width) rgb(var(--nw-color-primary-400) / var(--nw-focus-ring-alpha));
}
.nw-radio .nw-core-radio:not(.radio--checked) svg circle {
  opacity: 0;
}
.nw-radio .radio__label {
  line-height: var(--nw-toggle-size);
  margin-left: 0.5em;
  user-select: none;
}

.nw-core-icon {
  line-height: normal;
  width: 1em;
  height: 1em;
}

.nw-radio-button-group {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.nw-radio-button-group *,
.nw-radio-button-group *::before,
.nw-radio-button-group *::after {
  box-sizing: inherit;
}
.nw-radio-button-group *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-radio-button-group *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-radio-button-group *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-radio-button-group * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-radio-button-group.vertical {
  flex-direction: column;
}
.nw-radio-button-group.vertical .nw-button {
  margin-top: -1px;
}
.nw-radio-button-group.horizontal {
  flex-wrap: nowrap;
}
.nw-radio-button-group.horizontal .nw-button {
  margin-left: -1px;
}
.nw-radio-button-group .nw-button .radio__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.nw-radio-button-group .nw-button .button--primary .nw-core-icon {
  color: rgb(var(--nw-color-on-primary)) !important;
}
.nw-radio-button-group .nw-button:hover,
.nw-radio-button-group .nw-button:focus-within {
  position: relative;
  z-index: 1;
}

.nw-radio-image label {
  background-color: rgb(var(--nw-color-black) / 0.5);
}
.nw-radio-image .nw-core-icon {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.6));
}

.nw-spinner {
  position: relative;
  box-sizing: border-box;
  --track-color: rgb(var(--nw-color-neutral-300));
  --indicator-color: rgb(var(--nw-color-primary-500));
  --stroke-width: 2px;
  display: inline-flex;
}
.nw-spinner *,
.nw-spinner *::before,
.nw-spinner *::after {
  box-sizing: inherit;
}
.nw-spinner *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-spinner *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-spinner *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-spinner * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-spinner .spinner {
  width: 1em;
  height: 1em;
  /*flex: 1 1 auto;*/
  border: none;
  color: var(--indicator-color);
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.nw-progress-bar {
  position: relative;
  box-sizing: border-box;
  --height: 16px;
  --track-color: rgb(var(--nw-color-neutral-300));
  --indicator-color: rgb(var(--nw-color-primary-500));
  --label-color: rgb(var(--nw-color-on-primary));
  display: block;
  /* Indeterminate */
}
.nw-progress-bar *,
.nw-progress-bar *::before,
.nw-progress-bar *::after {
  box-sizing: inherit;
}
.nw-progress-bar *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-progress-bar *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-progress-bar *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-progress-bar * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-progress-bar .nw-core-progress-bar {
  position: relative;
  background-color: var(--track-color);
  height: var(--height);
  border-radius: var(--nw-border-radius-pill);
  overflow: hidden;
}
.nw-progress-bar .nw-core-progress-bar.simple {
  display: flex;
  background: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  overflow: hidden;
  height: auto;
}
.nw-progress-bar .progress-bar__text {
  line-height: initial;
  white-space: nowrap;
}
.nw-progress-bar .progress-bar__indicator-container {
  width: 100%;
  height: 100%;
}
.nw-progress-bar .progress-bar__indicator {
  height: 100%;
  font-family: var(--nw-font-sans);
  font-size: 12px;
  font-weight: var(--nw-font-weight-normal);
  background-color: var(--indicator-color);
  color: var(--label-color);
  text-align: center;
  line-height: var(--height);
  white-space: nowrap;
  overflow: hidden;
  transition: 400ms width, 400ms background-color;
  user-select: none;
}
.nw-progress-bar .progress-bar__indicator.simple {
  height: 10px;
  border-radius: inherit;
  box-shadow: inherit;
  margin-top: 4px;
  margin-left: 8px;
  overflow: hidden;
  flex: 1;
}
.nw-progress-bar .progress-bar--indeterminate .progress-bar__indicator {
  position: absolute;
  animation: indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);
}
@keyframes indeterminate {
  0% {
    left: -50%;
    width: 50%;
  }
  75%,
  100% {
    left: 100%;
    width: 50%;
  }
}

.nw-progress-ring {
  position: relative;
  box-sizing: border-box;
  --track-color: rgb(var(--nw-color-neutral-300));
  --indicator-color: rgb(var(--nw-color-primary-500));
  --speed: 2s;
  display: inline-flex;
  /* Indeterminate */
}
.nw-progress-ring *,
.nw-progress-ring *::before,
.nw-progress-ring *::after {
  box-sizing: inherit;
}
.nw-progress-ring *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-progress-ring *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-progress-ring *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-progress-ring * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-progress-ring .nw-core-progress-ring {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.nw-progress-ring .progress-ring__image {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.nw-progress-ring .progress-ring__track {
  stroke: var(--track-color);
}
.nw-progress-ring .progress-ring__indicator {
  stroke: var(--indicator-color);
  transition: 0.35s stroke-dashoffset, 0.35s stroke;
}
.nw-progress-ring .progress-ring__label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  user-select: none;
}
.nw-progress-ring .progress-ring--indeterminate .progress-ring__indicator {
  position: absolute;
  stroke-linecap: round;
  stroke-dasharray: 150% 75%;
  animation: ring-spin var(--speed) cubic-bezier(0.37, 0, 0.63, 1) infinite;
  transform-origin: 50% 50%;
}
@keyframes ring-spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(450deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}

.nw-alert {
  position: relative;
  box-sizing: border-box;
  display: contents;
  /* For better DX, we'll reset the margin here so the base part can inherit it */
  margin: 0;
}
.nw-alert *,
.nw-alert *::before,
.nw-alert *::after {
  box-sizing: inherit;
}
.nw-alert *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-alert *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-alert *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-alert * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-alert .nw-core-alert {
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgb(var(--nw-color-neutral-100));
  border: solid 1px rgb(var(--nw-color-neutral-200));
  font-family: var(--nw-font-sans);
  font-size: var(--nw-font-size-medium);
  font-weight: var(--nw-font-weight-normal);
  color: rgb(var(--nw-color-neutral-700));
  padding: var(--nw-spacing-x-large);
  transition: opacity 0.25s ease;
}
.nw-alert .alert__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  font-size: var(--nw-font-size-large);
}
.nw-alert .alert__icon {
  margin-right: var(--nw-spacing-x-large);
}
.nw-alert .alert--primary {
  color: rgb(var(--nw-color-primary-800));
  border-color: rgb(var(--nw-color-primary-200));
  background-color: rgb(var(--nw-color-primary-100));
}
.nw-alert .alert--primary .alert__icon {
  color: rgb(var(--nw-color-primary-800));
}
.nw-alert .alert--info {
  color: rgb(var(--nw-color-info-800));
  border-color: rgb(var(--nw-color-info-200));
  background-color: rgb(var(--nw-color-info-100));
}
.nw-alert .alert--info .alert__icon {
  color: rgb(var(--nw-color-info-800));
}
.nw-alert .alert--success {
  color: rgb(var(--nw-color-success-900));
  border-color: rgb(var(--nw-color-success-200));
  background-color: rgb(var(--nw-color-success-100));
}
.nw-alert .alert--success .alert__icon {
  color: rgb(var(--nw-color-success-900));
}
.nw-alert .alert--neutral .alert__icon {
  color: rgb(var(--nw-color-neutral-700));
}
.nw-alert .alert--caution {
  color: rgb(var(--nw-color-caution-800));
  border-color: rgb(var(--nw-color-caution-200));
  background-color: rgb(var(--nw-color-caution-100));
}
.nw-alert .alert--caution .alert__icon {
  color: rgb(var(--nw-color-caution-800));
}
.nw-alert .alert--warning {
  color: rgb(var(--nw-color-warning-800));
  border-color: rgb(var(--nw-color-warning-200));
  background-color: rgb(var(--nw-color-warning-100));
}
.nw-alert .alert--warning .alert__icon {
  color: rgb(var(--nw-color-warning-800));
}
.nw-alert .alert--danger {
  color: rgb(var(--nw-color-danger-900));
  border-color: rgb(var(--nw-color-danger-200));
  background-color: rgb(var(--nw-color-danger-100));
}
.nw-alert .alert--danger .alert__icon {
  color: rgb(var(--nw-color-danger-900));
}
.nw-alert .alert--critical {
  color: rgb(var(--nw-color-danger-950));
  border-color: rgb(var(--nw-color-danger-300));
  background-color: rgb(var(--nw-color-danger-200));
}
.nw-alert .alert--critical .alert__icon {
  color: rgb(var(--nw-color-danger-950));
}
.nw-alert .alert__message {
  flex: 1 1 auto;
  padding: 0;
  overflow: hidden;
}
.nw-alert .alert__close {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  font-size: var(--nw-font-size-large);
  padding-right: var(--nw-spacing-medium);
}
.nw-alert .alert--hide {
  opacity: 0;
  height: 0;
}
.nw-alert .nw-core-alert.alert--hide {
  padding: 0;
}

.nw-badge {
  position: relative;
  box-sizing: border-box;
  font-family: var(--nw-font-sans);
}
.nw-badge *,
.nw-badge *::before,
.nw-badge *::after {
  box-sizing: inherit;
}
.nw-badge *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-badge *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-badge *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-badge * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-badge .nw-core-badge {
  font-size: var(--nw-font-size-x-small);
  font-weight: var(--nw-font-weight-semibold);
  letter-spacing: var(--nw-letter-spacing-normal);
  box-sizing: content-box;
}
.nw-badge .nw-core-badge .nw-core-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nw-badge .nw-core-badge .nw-core-icon svg {
  border-radius: var(--nw-border-radius-circle);
}
.nw-badge .nw-core-badge .nw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nw-badge .badge-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.nw-badge .badge--warning .nw-core-icon,
.nw-badge .badge--danger .nw-core-icon,
.nw-badge .badge--success .nw-core-icon {
  font-size: 0.8rem;
}
.nw-badge .badge--pill {
  border-radius: var(--nw-border-radius-pill);
}
.nw-badge .badge--pure--icon .nw-core-icon {
  font-size: 0.8rem;
}
.nw-badge .badge-info-icon .badge--pure--icon .nw-core-icon {
  font-size: 0.86666667rem;
}
.nw-badge .badge--size-small {
  width: fit-content;
  min-width: 0.85rem;
  height: 0.85rem;
}
.nw-badge .badge--size-small.badge-pill span {
  padding: 0 2px;
}
.nw-badge .badge--size-small .badge-text {
  font-size: 0.73333333rem;
}
.nw-badge .badge--size-small .nw-core-icon {
  font-size: 0.55rem;
}
.nw-badge .badge--size-medium {
  width: fit-content;
  min-width: 1rem;
  height: 1rem;
}
.nw-badge .badge--size-medium .badge-text {
  font-size: 0.71rem;
}
.nw-badge .badge--size-medium .nw-core-icon {
  font-size: 0.6rem;
}
.nw-badge .badge--size-large {
  width: fit-content;
  min-width: 1.25rem;
  height: 1.25rem;
}
.nw-badge .badge--size-large .badge-text {
  font-size: 1rem;
}
.nw-badge .badge--size-large .nw-core-icon {
  font-size: 0.86666667rem;
}
.nw-badge .badge--size-x-large {
  width: fit-content;
  min-width: 1.5rem;
  height: 1.5rem;
}
.nw-badge .badge--size-x-large .badge-text {
  font-size: 1.25rem;
}
.nw-badge .badge--size-x-large .nw-core-icon {
  font-size: 1rem;
}
.nw-badge .badge--size-medium .badge--anchor .badge-text {
  font-size: 0.86666667rem;
}
.nw-badge .badge--success .nw-core-icon,
.nw-badge .badge--warning .nw-core-icon {
  font-size: 0.6rem;
}
.nw-badge .badge--spinner {
  background-color: rgb(var(--nw-color-neutral-100));
}
.nw-badge .nw-spinner {
  height: 100%;
}
.nw-badge .badge--pulse {
  animation: pulse 1.5s infinite;
  font-size: 0.77rem;
}
.nw-badge .badge--circle {
  font-size: 0.73rem;
}
.nw-badge.badge-info-icon-wrapper {
  display: inline-flex;
}
.nw-badge.badge-info-icon-wrapper .nw-core-icon {
  position: absolute;
}
.nw-badge.badge-info-icon-wrapper .badge--size-medium {
  width: fit-content;
  min-width: 0.86666667rem;
  height: 0.86666667rem;
}
.nw-badge.badge-info-icon-wrapper .badge--size-medium .nw-core-icon {
  top: 0.13333333rem;
  left: 0.13333333rem;
}
.nw-badge.badge-info-icon-wrapper .badge--size-large .nw-core-icon {
  top: 0.13333333rem;
  left: 0.2rem;
}
.nw-badge.badge-info-icon-wrapper .badge--size-x-large .nw-core-icon {
  top: 0.2rem;
  left: 0.26666667rem;
}
.nw-badge .badge--pulse.badge--primary {
  --pulse-color: rgb(var(--nw-color-primary-500));
}
.nw-badge .badge--pulse.nw--disabled {
  --pulse-color: rgb(var(--nw-color-neutral-500));
}
.nw-badge .badge--pulse.badge--success {
  --pulse-color: rgb(var(--nw-color-success-500));
}
.nw-badge .badge--pulse.badge--neutral {
  --pulse-color: rgb(var(--nw-color-neutral-500));
}
.nw-badge .badge--pulse.badge--warning {
  --pulse-color: rgb(var(--nw-color-warning-500));
}
.nw-badge .badge--pulse.badge--danger {
  --pulse-color: rgb(var(--nw-color-danger-500));
}
.nw-badge .badge--pulse.badge--caution {
  --pulse-color: rgb(var(--nw-color-warning-600));
}
.nw-badge .badge--size-small .badge-text {
  font-size: 0.64rem;
}
.nw-badge .badge--size-medium .badge-icon-text {
  font-size: 0.71rem;
  padding-bottom: 2px;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--pulse-color);
  }
  70% {
    box-shadow: 0 0 0 0.5em transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

.input__prefix .nw-iconbutton,
.input__suffix .nw-iconbutton {
  padding-top: 2px;
  padding-bottom: 2px;
}

.nw-textarea {
  position: relative;
  box-sizing: border-box;
  display: block;
  /* Help text */
  /*
   * Size modifiers
   */
  /*
   * Resize types
   */
}
.nw-textarea *,
.nw-textarea *::before,
.nw-textarea *::after {
  box-sizing: inherit;
}
.nw-textarea *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-textarea *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-textarea *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-textarea * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-textarea .nw-form-control .form-control__help-text {
  display: none;
}
.nw-textarea .form-control--has-help-text .form-control__help-text {
  display: block;
  color: rgb(var(--nw-input-help-text-color));
}
.nw-textarea .form-control--has-help-text .form-control__help-text ::slotted(*) {
  margin-top: var(--nw-spacing-xxx-small);
}
.nw-textarea .form-control--has-help-text.form-control--small .form-control__help-text {
  font-size: var(--nw-input-help-text-font-size-small);
}
.nw-textarea .form-control--has-help-text.form-control--medium .form-control__help-text {
  font-size: var(--nw-input-help-text-font-size-medium);
}
.nw-textarea .form-control--has-help-text.form-control--large .form-control__help-text {
  font-size: var(--nw-input-help-text-font-size-large);
}
.nw-textarea .textarea {
  position: relative;
  width: 100%;
  font-family: var(--nw-input-font-family);
  font-weight: var(--nw-input-font-weight);
  line-height: var(--nw-line-height-normal);
  letter-spacing: var(--nw-input-letter-spacing);
  background-color: rgb(var(--nw-color-panel-200));
  border: solid var(--nw-input-border-width) rgb(var(--nw-color-border));
  vertical-align: middle;
  transition: var(--nw-transition-fast) color, var(--nw-transition-fast) border, var(--nw-transition-fast) box-shadow;
  cursor: text;
}
.nw-textarea .textarea.nw--disabled {
  background-color: rgb(var(--nw-color-neutral-100));
  border-color: rgb(var(--nw-input-border-color-disabled));
  opacity: 0.5;
  cursor: not-allowed;
}
.nw-textarea .textarea.nw--disabled .textarea__control {
  color: rgb(var(--nw-input-color-disabled));
}
.nw-textarea .textarea.nw--disabled .textarea__control::placeholder {
  color: rgb(var(--nw-input-placeholder-color-disabled));
}
.nw-textarea .textarea__control {
  flex: 1 1 auto;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.4;
  color: rgb(var(--nw-input-color));
  border: none;
  background: none;
  box-shadow: none;
  -webkit-appearance: none;
}
.nw-textarea .textarea__control::-webkit-search-decoration,
.nw-textarea .textarea__control::-webkit-search-cancel-button,
.nw-textarea .textarea__control::-webkit-search-results-button,
.nw-textarea .textarea__control::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.nw-textarea .textarea__control::placeholder {
  color: rgb(var(--nw-input-placeholder-color));
  user-select: none;
}
.nw-textarea .textarea__control:focus {
  outline: none;
}
.nw-textarea .textarea--small {
  border-radius: var(--nw-input-border-radius-small);
  font-size: var(--nw-input-font-size-small);
}
.nw-textarea .textarea--small .textarea__control {
  padding: 0.5em var(--nw-input-spacing-small);
}
.nw-textarea .textarea--medium {
  border-radius: var(--nw-input-border-radius-medium);
  font-size: var(--nw-input-font-size-medium);
}
.nw-textarea .textarea--medium .textarea__control {
  padding: 0.5em var(--nw-input-spacing-medium);
}
.nw-textarea .textarea--large {
  border-radius: var(--nw-input-border-radius-large);
  font-size: var(--nw-input-font-size-large);
}
.nw-textarea .textarea--large .textarea__control {
  padding: 0.5em var(--nw-input-spacing-large);
}
.nw-textarea .textarea--resize-none .textarea__control {
  resize: none;
}
.nw-textarea .textarea--resize-vertical .textarea__control {
  resize: vertical;
}
.nw-textarea .textarea--resize-auto .textarea__control {
  height: auto;
  resize: none;
}
.nw-textarea .textarea-counter {
  text-align: right;
  font-size: 1rem;
}

.nw-floating-ui {
  max-height: calc(100vh - 20px);
  overflow: auto;
  border: 1px solid rgb(var(--nw-color-border));
  background-color: rgb(var(--nw-color-panel-50));
  color: rgb(var(--nw-color-neutral-1000));
  box-shadow: 0 3px 6px rgba(var(--nw-color-neutral-1000) / 0.23), 0 3px 6px rgba(var(--nw-color-neutral-1000) / 0.36);
  z-index: var(--nw-z-index-dialog);
}
.nw-floating-ui:empty {
  opacity: 0;
}

.nw-drawer {
  --size: 80%;
  --overlay-z-index: 1;
  display: contents;
}
.nw-drawer .nw-core-drawer {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.nw-drawer .drawer--contained {
  position: absolute;
  z-index: initial;
}
.nw-drawer .drawer--fixed {
  position: fixed;
  z-index: var(--nw-z-index-drawer);
}
.nw-drawer .drawer__panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: calc(var(--overlay-z-index) + 1);
  max-width: 100%;
  max-height: 100%;
  box-shadow: var(--nw-shadow-x-large);
  transition: width var(--nw-transition-medium), height var(--nw-transition-medium) linear, var(--nw-transition-medium) transform;
  pointer-events: all;
}
.nw-drawer .drawer__panel:focus {
  outline: none;
}
.nw-drawer .drawer--top .drawer__panel {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: var(--size);
}
.nw-drawer .drawer--top .drawer__panel.drawer__panel-resizable {
  padding-bottom: 12px;
}
.nw-drawer .drawer--end .drawer__panel {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: var(--size);
  height: 100%;
}
.nw-drawer .drawer--end .drawer__panel.drawer__panel-resizable {
  padding-left: 12px;
}
.nw-drawer .drawer--bottom .drawer__panel {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--size);
}
.nw-drawer .drawer--bottom .drawer__panel.drawer__panel-resizable {
  padding-top: 12px;
}
.nw-drawer .drawer--start .drawer__panel {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: var(--size);
  height: 100%;
}
.nw-drawer .drawer--start .drawer__panel.drawer__panel-resizable {
  padding-right: 12px;
}
.nw-drawer .drawer__panel.drawer__panel-resizable {
  box-sizing: border-box;
}
.nw-drawer .drawer__overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(var(--nw-color-neutral-1000) / 0.5);
  pointer-events: all;
}
.nw-drawer .drawer--contained .drawer__overlay {
  position: absolute;
  z-index: var(--overlay-z-index);
}
.nw-drawer .drawer__resizer {
  background-color: rgb(var(--nw-color-neutral-100));
  position: absolute;
}
.nw-drawer .drawer__resizer .drawer__resizer__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
}
.nw-drawer .drawer__resizer.drawer__resizer--top,
.nw-drawer .drawer__resizer.drawer__resizer--bottom {
  height: 12px;
  width: 100%;
  cursor: ns-resize;
}
.nw-drawer .drawer__resizer.drawer__resizer--top .drawer__resizer__icon {
  top: 40%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.nw-drawer .drawer__resizer.drawer__resizer--bottom .drawer__resizer__icon {
  top: 40%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.nw-drawer .drawer__resizer.drawer__resizer--left,
.nw-drawer .drawer__resizer.drawer__resizer--right {
  height: 100%;
  width: 12px;
  cursor: ew-resize;
}
.nw-drawer .drawer__resizer.drawer__resizer--left .drawer__resizer__icon {
  left: 40%;
  transform: translate(-50%, -50%);
}
.nw-drawer .drawer__resizer.drawer__resizer--right .drawer__resizer__icon {
  left: 40%;
  transform: translate(-50%, -50%);
}
.nw-drawer .drawer__resizer.drawer__resizer--top {
  bottom: 0px;
}
.nw-drawer .drawer__resizer.drawer__resizer--left {
  right: 0px;
}
.nw-drawer .drawer__resizer.drawer__resizer--bottom {
  top: 0px;
}
.nw-drawer .drawer__resizer.drawer__resizer--right {
  left: 0px;
}

.nw-dropdown.dropdown__panel div[role='dialog'] {
  max-height: 75vh;
  font-family: var(--nw-font-sans);
  font-size: var(--nw-font-size-medium);
  font-weight: var(--nw-font-weight-normal);
  color: var(--color);
  background-color: rgb(var(--nw-color-panel-50));
  pointer-events: all;
  border: solid 1px rgb(var(--nw-color-border-300));
  border-radius: var(--nw-border-radius-medium);
  box-shadow: none;
  overflow: auto;
  overscroll-behavior: none;
}

.nw-dialog {
  --width: 31rem;
  --height: '';
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--nw-z-index-dialog);
}
.nw-dialog__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 2;
  width: var(--width);
  height: var(--height);
  max-width: calc(100% - var(--nw-spacing-xx-large));
  max-height: calc(100% - var(--nw-spacing-xx-large));
  border-radius: var(--nw-border-radius-medium);
  border: 1px solid rgb(var(--nw-color-neutral-300));
  transition: width var(--nw-transition-medium), height var(--nw-transition-medium) linear;
}
.nw-dialog__panel:focus {
  outline: none;
}
/* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
@media screen and (max-width: 420px) {
  .nw-dialog__panel {
    max-height: 80vh;
  }
}
.nw-dialog--open .nw-dialog__panel {
  opacity: 1;
  transform: none;
}
.nw-dialog__overlay {
  background-color: rgb(var(--nw-color-neutral-1000) / 0.5);
}

.nw-ip-range {
  position: relative;
  box-sizing: border-box;
}
.nw-ip-range *,
.nw-ip-range *::before,
.nw-ip-range *::after {
  box-sizing: inherit;
}
.nw-ip-range *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-ip-range *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-ip-range *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-ip-range * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-ip-range.widget-error:not(.nw--disabled).input--focused > .input__control {
  box-shadow: rgba(var(--nw-color-danger-600) / 60%) 0px 1px 7px 0px, rgba(var(--nw-color-danger-600) / 60%) 0px 0px 3px 0px;
}
.nw-ip-range .help-block {
  padding-top: 0.25rem;
  color: rgb(var(--nw-color-danger-500));
}

.progress-tracker {
  display: flex;
  margin: auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.progress-tracker .progress-step {
  flex: 1;
  min-width: 30px;
}
.progress-tracker .progress-step:last-child .progress-marker .path {
  display: none;
}
.progress-tracker .progress-step .progress-marker {
  display: block;
  position: relative;
}
.progress-tracker .progress-step .progress-marker .marker {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: rgb(var(--nw-color-primary-500));
  border-radius: 50%;
  border: solid 4px rgb(var(--nw-color-neutral-300));
}
.progress-tracker .progress-step .progress-marker .path {
  right: -50%;
  display: block;
  position: absolute;
  top: 15px;
  height: 4px;
  background-color: rgb(var(--nw-color-neutral-300));
  width: calc(100% - 50px);
  margin-left: 25px;
  margin-right: 25px;
  border-radius: 5px;
}
.progress-tracker .progress-step .progress-name {
  display: block;
  padding: 15px 10px;
}
.progress-tracker .progress-step.is-current .progress-marker .marker,
.progress-tracker .progress-step.is-complete .progress-marker .marker {
  color: rgb(var(--nw-color-neutral-0));
  background: rgb(var(--nw-color-primary-500));
  border-color: rgb(var(--nw-color-primary-500));
}
.progress-tracker .progress-step.is-complete .progress-marker .marker {
  cursor: pointer;
}
.progress-tracker .progress-step.is-complete .progress-marker .marker:hover {
  background: rgb(var(--nw-color-primary-400));
  border-color: rgb(var(--nw-color-primary-400));
}
.progress-tracker .progress-step.is-complete .progress-marker .path {
  background: rgb(var(--nw-color-primary-400));
}

.nw-resizer-container {
  height: 100%;
  width: 100%;
  display: flex;
}
.nw-resizer-container.horizontal {
  flex-direction: row;
}
.nw-resizer-container.vertical {
  flex-direction: column;
}
.nw-resizer-container .slot-w-handle {
  position: relative;
  display: flex;
}
.nw-resizer-container .slot-w-handle.horizontal {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 1px;
  border-style: solid;
  border-color: rgb(var(--nw-color-neutral-300));
}
.nw-resizer-container .slot-w-handle.vertical {
  flex-direction: column;
  border-top: 0;
  border-bottom: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-color: rgb(var(--nw-color-neutral-300));
}
.nw-resizer-container .slot-grow {
  flex-grow: 1;
}
.nw-resizer-handle {
  position: absolute;
}
.nw-resizer-handle.active {
  background-color: rgb(var(--nw-color-primary));
}
.nw-resizer-handle.vertical {
  width: 100%;
  bottom: 0px;
}
.nw-resizer-handle.vertical.resizer-handle-enabled {
  height: 2px;
  cursor: ns-resize;
}
.nw-resizer-handle.horizontal {
  height: 100%;
  right: 0px;
}
.nw-resizer-handle.horizontal.resizer-handle-enabled {
  width: 2px;
  cursor: ew-resize;
}

.nw-avatar {
  display: inline-block;
  --avatar-font-size: 1rem;
}
.nw-avatar .nw-core-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: rgb(var(--nw-color-neutral-100));
  font-family: var(--nw-font-sans);
  font-size: var(--avatar-font-size);
  font-weight: var(--nw-font-weight-normal);
  overflow: hidden;
  user-select: none;
  vertical-align: middle;
}
.nw-avatar .nw-core-avatar.avatar--xsmall {
  width: 1.5rem;
  height: 1.5rem;
}
.nw-avatar .nw-core-avatar.avatar--small {
  width: 2rem;
  height: 2rem;
}
.nw-avatar .nw-core-avatar.avatar--medium {
  width: 3.6rem;
  height: 3.6rem;
}
.nw-avatar .nw-core-avatar.avatar--large {
  width: 5.33rem;
  height: 5.33rem;
}
.nw-avatar .avatar--circle {
  border-radius: var(--nw-border-radius-circle);
}
.nw-avatar .avatar--rounded {
  border-radius: var(--nw-border-radius-medium);
}
.nw-avatar .avatar--square {
  border-radius: 0;
}
.nw-avatar .avatar--bordered {
  border-radius: var(--nw-border-radius-circle);
  border: solid 2px rgb(var(--nw-color-neutral-0));
}
.nw-avatar .avatar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nw-avatar .avatar__icon .icon-xsmall {
  width: calc(var(--avatar-font-size) * 0.8);
  height: calc(var(--avatar-font-size) * 0.8);
}
.nw-avatar .avatar__icon .icon-small {
  width: 1rem;
  height: 1rem;
}
.nw-avatar .avatar__icon .icon-medium {
  width: 1.75rem;
  height: 1.75rem;
}
.nw-avatar .avatar__icon .icon-large {
  width: 3.33rem;
  height: 3.33rem;
}
.nw-avatar .avatar__initials {
  line-height: 1;
  text-transform: uppercase;
  color: rgb(var(--nw-color-primary-500));
}
.nw-avatar .avatar__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nw-treeitem .nw-iconbutton {
  font-size: 0.8rem;
  padding: 1px 2px;
}
.nw-treeitem > * {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.nw-treeitem .indent-line::before {
  left: 0.5rem;
  border-right: 1px solid rgb(var(--nw-color-neutral-300));
}
.nw-treeitem .branch-line::before {
  left: 0.5rem;
  border-right: 1px solid rgb(var(--nw-color-neutral-300));
}
.nw-treeitem .branch-line::after {
  left: 0.5rem;
  border-bottom: 1px solid rgb(var(--nw-color-neutral-300));
}
.nw-treeitem .leaf-line.show {
  border-bottom: 1px solid rgb(var(--nw-color-neutral-300));
}

.nw-faceplate-body {
  box-shadow: 0 1px 3px rgba(var(--nw-color-neutral-1000) / 12%), 0 1px 2px rgba(var(--nw-color-neutral-1000) / 24%);
}

.nw-core-rating {
  --color-active: rgb(var(--nw-color-amber-500));
  --color-inactive: rgb(var(--nw-color-neutral-300));
}
.nw-core-rating .rating-star {
  position: relative;
  display: inline-block;
}
.nw-core-rating .active-icon {
  color: var(--color-active);
}
.nw-core-rating .inactive-icon {
  color: var(--color-inactive);
}
.nw-core-rating .rating-star .nw-core-icon {
  width: 100%;
  height: 100%;
}

.nw-core-date-picker-wrapper .suffix-icon {
  transform: translateY(-50%);
}
.nw-core-date-picker-wrapper .date-input-wrapper input {
  color: rgb(var(--nw-input-color));
}
.nw-core-date-picker-wrapper .date-input-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  pointer-events: none;
}
.date-picker-year-panel {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.date-picker-year-panel::-webkit-scrollbar {
  display: none;
}

.nw-badge {
  position: relative;
  box-sizing: border-box;
  font-family: var(--nw-font-sans);
}
.nw-badge *,
.nw-badge *::before,
.nw-badge *::after {
  box-sizing: inherit;
}
.nw-badge *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.nw-badge *::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 7px;
  min-height: 30px;
  border: 3px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.nw-badge *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.nw-badge * {
  scrollbar-face-color: #a3a3a3;
  scrollbar-track-color: rgba(0, 0, 0, 0);
}
.nw-badge .clear-icon {
  padding: 0.1rem;
}
.nw-badge.badge--pulse {
  animation: pulse 1.5s infinite;
}
.nw-badge use[href="#nwi_fa-solid_spinner"] {
  animation: spin 2s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.nw-badge.badge--pulse.badge--primary {
  --pulse-color: rgb(var(--nw-color-primary-500));
}
.nw-badge.badge--pulse.nw--disabled {
  --pulse-color: rgb(var(--nw-color-neutral-500));
}
.nw-badge.badge--pulse.badge--success {
  --pulse-color: rgb(var(--nw-color-success-500));
}
.nw-badge.badge--pulse.badge--neutral {
  --pulse-color: rgb(var(--nw-color-neutral-500));
}
.nw-badge.badge--pulse.badge--warning {
  --pulse-color: rgb(var(--nw-color-warning-500));
}
.nw-badge.badge--pulse.badge--danger {
  --pulse-color: rgb(var(--nw-color-danger-500));
}
.nw-badge.badge--pulse.badge--caution {
  --pulse-color: rgb(var(--nw-color-warning-600));
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--pulse-color);
  }
  70% {
    box-shadow: 0 0 0 0.5em transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

.nwp-popup-menu {
  box-sizing: border-box;
  background-color: rgb(var(--nw-color-panel-50));
  color: rgb(var(--nw-color-neutral-1000));
  font-size: 1rem;
  outline: none;
  padding: 5px 0;
  text-align: left;
  transition: opacity 250ms ease !important;
  max-width: 80vw;
  opacity: 0;
  pointer-events: none;
  border: solid 1px rgb(var(--nw-color-border-300));
  max-height: 95vh;
  overflow-y: auto;
}
.nwp-popup-menu:empty {
  border: none;
}
.nwp-popup-menu--opened {
  opacity: 1;
  pointer-events: auto;
  z-index: var(--nw-z-index-dialog);
}
.nwp-popup-menu__item {
  box-sizing: border-box;
  min-width: 160px;
  color: rgb(var(--nw-color-neutral-1000));
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding: 0.2rem 1rem;
  text-align: inherit;
  white-space: nowrap;
  align-items: center;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  line-height: 1.7;
  font-size: 1rem;
}
.nwp-popup-menu__item--active {
  text-decoration: none;
  outline: none;
  background-color: rgb(var(--nw-color-panel-50-hover));
}
.nwp-popup-menu__item--disabled {
  opacity: var(--nw-disabled-opacity);
  cursor: not-allowed;
}
.nwp-popup-menu__divider {
  box-sizing: border-box;
  min-width: 0;
  border-bottom: 1px solid rgb(var(--nw-color-neutral-1000));
  cursor: default;
  margin-bottom: 3px;
  padding: 2px 0;
}
.nw-gap-small {
  display: flex;
  gap: 0.25rem;
}
.nw-gap-medium {
  display: flex;
  gap: 0.5rem;
}
.nw-gap-large {
  display: flex;
  gap: 0.75rem;
}

.nw-core-tab .nw-iconbutton {
  padding: 0.1rem;
}
.nw-core-tab .nw-iconbutton:hover,
.nw-core-tab .nw-iconbutton:focus {
  box-shadow: none;
  background-color: transparent;
  padding: 0.1rem;
  border-color: transparent;
}

.nw-core-tab-group {
  --track-color: rgb(var(--nw-color-neutral-300));
  --indicator-color: rgb(var(--nw-color-primary-500));
  border: solid 1px transparent;
}
.nw-core-tab-group .tab-group__indicator {
  transition: var(--nw-transition-fast) transform ease, var(--nw-transition-fast) width ease;
}
.nw-core-tab-group .tab-group__tabs {
  /* Hide scrollbar in Firefox */
  scrollbar-width: none;
}
.nw-core-tab-group .tab-scroll-controller + .tab-group__body {
  padding: 0 1rem;
}
.nw-core-tab-group.tab-group--has-scroll-controls .tab-group__nav-container {
  position: relative;
}
.nw-core-tab-group.tab-group--top .tab-group__nav-container {
  order: 1;
}
.nw-core-tab-group.tab-group--top .tab-group__nav-container.tab-scroll-controller {
  margin-left: 30px;
  margin-right: 30px;
}
.nw-core-tab-group.tab-group--top .tab-group__scroll-button--start {
  left: -35px;
}
.nw-core-tab-group.tab-group--top .tab-group__scroll-button--end {
  right: -35px;
}
.nw-core-tab-group.tab-group--top .tab-group__body {
  order: 2;
  overflow: auto;
}
.nw-core-tab-group.tab-group--top .tab-group__tabs {
  flex: 1 1 auto;
  flex-direction: row;
  border-bottom: 1px solid var(--track-color);
  width: 100%;
}
.nw-core-tab-group.tab-group--top .tab-group__nav {
  width: 100%;
}
.nw-core-tab-group.tab-group--top .tab-group__indicator {
  bottom: -1px;
  border-bottom: 2px solid var(--indicator-color);
}
.nw-core-tab-group.tab-group--top .tab-group__nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.nw-core-tab-group.tab-group--bottom {
  flex-direction: column;
}
.nw-core-tab-group.tab-group--bottom .tab-group__nav-container {
  order: 2;
}
.nw-core-tab-group.tab-group--bottom .tab-group__nav-container.tab-scroll-controller {
  margin-left: 30px;
  margin-right: 30px;
}
.nw-core-tab-group.tab-group--bottom .tab-group__scroll-button--start {
  left: -35px;
}
.nw-core-tab-group.tab-group--bottom .tab-group__scroll-button--end {
  right: -35px;
}
.nw-core-tab-group.tab-group--bottom .tab-group__nav {
  display: flex;
  width: 100%;
  /* Hide scrollbar in Firefox */
  scrollbar-width: none;
}
.nw-core-tab-group.tab-group--bottom .tab-group__tabs {
  flex: 1 1 auto;
  flex-direction: row;
  border-top: 1px solid var(--track-color);
  width: 100%;
}
.nw-core-tab-group.tab-group--bottom .tab-group__indicator {
  top: -1px;
  border-top: 2px solid var(--indicator-color);
}
.nw-core-tab-group.tab-group--bottom .tab-group__nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.nw-core-tab-group.tab-group--left {
  flex-direction: row;
}
.nw-core-tab-group.tab-group--left .tab-group__nav-container {
  order: 1;
}
.nw-core-tab-group.tab-group--left .tab-group__nav-container.tab-scroll-controller {
  margin-top: 30px;
  margin-bottom: 30px;
}
.nw-core-tab-group.tab-group--left .tab-group__scroll-button--start {
  top: -35px;
}
.nw-core-tab-group.tab-group--left .tab-group__scroll-button--end {
  bottom: -35px;
}
.nw-core-tab-group.tab-group--left .tab-group__body {
  flex: 1 1 auto;
  order: 2;
}
.nw-core-tab-group.tab-group--left .tab-group__tabs {
  flex: 0 0 auto;
  flex-direction: column;
  border-right: 1px solid var(--track-color);
  height: 100%;
}
.nw-core-tab-group.tab-group--left .tab-group__nav {
  height: 100%;
}
.nw-core-tab-group.tab-group--left .tab-group__indicator {
  right: -1px;
  border-right: 2px solid var(--indicator-color);
}
.nw-core-tab-group.tab-group--right {
  flex-direction: row;
}
.nw-core-tab-group.tab-group--right .tab-group__nav-container {
  order: 2;
}
.nw-core-tab-group.tab-group--right .tab-group__nav-container.tab-scroll-controller {
  margin-top: 30px;
  margin-bottom: 30px;
}
.nw-core-tab-group.tab-group--right .tab-group__scroll-button--start {
  top: -35px;
}
.nw-core-tab-group.tab-group--right .tab-group__scroll-button--end {
  bottom: -35px;
}
.nw-core-tab-group.tab-group--right .tab-group__body {
  flex: 1 1 auto;
  order: 1;
}
.nw-core-tab-group.tab-group--right .tab-group__tabs {
  flex: 0 0 auto;
  flex-direction: column;
  border-left: 1px solid var(--track-color);
  height: 100%;
}
.nw-core-tab-group.tab-group--right .tab-group__nav {
  height: 100%;
}
.nw-core-tab-group.tab-group--right .tab-group__indicator {
  left: -1px;
  border-left: 2px solid var(--indicator-color);
}
.nw-core-tab-group .nw-core-tab-group .tab-group__body {
  overflow: auto;
  flex: 1 1 auto;
}
.nw-core-tab-group .hide-scroll-left-button,
.nw-core-tab-group .hide-scroll-right-button {
  visibility: hidden;
  pointer-events: none;
}

.header-action-dropdown .trigger-btn[aria-expanded='true']:not(.disabled) {
  background-color: rgb(var(--nw-color-panel-50));
  color: rgb(var(--nw-color-neutral-1000));
  border-color: rgb(var(--nw-color-border-300));
  border-bottom-color: transparent;
}
.header-action-dropdown .trigger-btn[aria-expanded='true']:not(.disabled):hover {
  background-color: rgb(var(--nw-color-neutral-100));
}
.header-action-dropdown:last-child .trigger-btn {
  margin-right: 1px;
}
.header-action-dropdown-dd {
  border-top: none !important;
}
.header-action-dropdown-dd nw-menu {
  --nw-panel-border-color: var(--nw-color-neutral-300);
}

.nw-pro-header-action-btn {
  color: rgb(var(--nw-color-on-navbar));
}
.nw-pro-layout-menu,
.nw-pro-layout-menu * {
  box-sizing: content-box;
}

.prolayout-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(var(--nw-color-navbar));
  color: rgb(var(--nw-color-on-navbar));
}

.prolayout-header-baserow,
.prolayout-header-suppliment {
  height: 2.75rem;
  width: 100%;
  display: flex;
  align-items: center;
}

.prolayout-header-suppliment {
  overflow: hidden;
}

/* NwButton style fix */
.nw-pro-search .nw-button {
  line-height: 1rem;
  align-items: center;
}

.nw-pro-search .search-button {
  padding: 3px 0.5em;
  border-color: rgb(var(--nw-color-neutral-200));
  border-width: 1px;
  border-style: solid;
  margin: 0.5em 0 0.5em;
  border-left: none;
}

.nw-pro-search .search-button .nw-iconbutton {
  padding: 0px;
}

/* Advanced Search */
.nw-pro-search .advanced-search-input {
  max-width: 100%;
  position: relative;
}
.nw-pro-search .advanced-search-input .CodeMirror {
  /* by setting an height to auto, codeMirror can be made to automatically resize to fit its content */
  height: auto;
  border-color: rgb(var(--nw-color-neutral-200));
  border-width: 1px;
  border-style: solid;
  flex-grow: 1;
  margin: 0.5em 0 0.5em 0.25em;
  max-width: 100%;
  padding-right: 20px;

  /* Theme support */
  background-color: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
}

.nw-pro-search .advanced-search-input .CodeMirror .CodeMirror-scroll {
  padding-top: 1px;
}

.nw-pro-search .advanced-search-input .CodeMirror pre.CodeMirror-placeholder {
  color: rgb(var(--nw-color-neutral-500));
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.nw-pro-search
  .advanced-search-input
  .CodeMirror
  span.CodeMirror-matchingbracket {
  background-color: rgb(var(--nw-color-primary-500));
  color: rgb(var(--nw-color-on-primary));
}

.nw-pro-search .advanced-search-input .CodeMirror .CodeMirror-cursor {
  border-color: rgb(var(--nw-color-neutral-1000));
}

.nw-pro-search .advanced-search-input .CodeMirror span.cm-variable {
  color: rgb(var(--nw-color-info-600));
}

.nw-pro-search .advanced-search-input .CodeMirror span.cm-string {
  color: rgb(var(--nw-color-success-700));
}

.nw-pro-search .advanced-search-input .CodeMirror span.cm-keyword {
  color: rgb(var(--nw-color-warning-600));
}

/* CodeMirror hint popover style */
ul.CodeMirror-hints.default {
  background: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
}

ul.CodeMirror-hints.default .CodeMirror-hint:not(.divider) {
  color: rgb(var(--nw-color-neutral-1000));
}

ul.CodeMirror-hints.default li.CodeMirror-hint-active {
  background-color: rgb(var(--nw-color-neutral-200));
}

ul.CodeMirror-hints.default li.CodeMirror-hint.divider {
  pointer-events: none;
  color: rgb(var(--nw-color-neutral-500));
  font-weight: bold;
}

.nw-pro-search .nw-facet-search-input {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-neutral-200));
  color: rgb(var(--nw-color-neutral-800));
  line-height: 18px;
  margin: 0.5em 0 0.5em 0.25em;
  min-height: 1.9em;
  max-width: 100%;
  position: relative;
}
.nw-pro-search .nw-facet-search-input-content {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  flex-wrap: wrap;
  max-width: calc(100% - 20px);
}

.nw-pro-search .nw-facet-search-input .filter-add-icon {
  height: calc(1.8em - 4px);
  margin: 1px;
  padding-left: 0.125rem;
}

.nw-pro-search .nw-facet-search-input .filter-add-icon .nw-button {
  height: 100%;
}

.nw-pro-search .nw-facet-search-input .filter-add-icon .nw-core-button {
  height: 100%;
}

.nw-pro-search .nw-facet-search-input .filter-add-icon::part(base) {
  color: rgb(var(--nw-color-primary-500));
  margin: 0 0.2em;
  padding: 0px;
}

.nw-pro-search .nw-facet-search-input .filter-and-or-button .nw-button {
  padding: 0px;
}

.nw-pro-search .filter-wrapper {
  display: flex;
  align-items: center;
}

.nw-pro-search .filter-value-truncate {
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nw-pro-search-float-container {
  box-shadow: var(--nw-shadow-small);
  border-width: 1px;
  border-color: rgb(var(--nw-color-neutral-400));
  z-index: 9999;
}

.nw-pro-search-float-container .heading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3em;
  background-color: rgb(var(--nw-color-navbar-title));
  color: rgb(var(--nw-color-on-navbar));
}

.nw-pro-search-float-container nw-input::part(base) {
  box-shadow: var(--nw-shadow-x-small);
}

/* Key Panel */
.nw-pro-search-float-container.key-panel {
  max-height: 50vh;
}

.nw-pro-search-float-container .key-item {
  padding: 4px;
  cursor: pointer;
}

.nw-pro-search-float-container .key-item.history {
  opacity: 0.8;
  font-style: italic;
}

.nw-pro-search-float-container .key-item.history .history-icon {
  font-size: 0.7em;
  margin-right: 0.3em;
}

.nw-pro-search-float-container .key-item.selected {
  background-color: rgb(var(--nw-color-primary-500));
  color: rgb(var(--nw-color-on-primary));
}

/* hovered on but not yet click to select */
.nw-pro-search-float-container .key-item.active {
  background-color: rgb(var(--nw-color-neutral-100));
  color: rgb(var(--nw-color-neutral-800));
}

/* ValuePanel */

.nw-pro-search-float-container.value-panel .operator-container {
  margin: 0.2em;
}

.nw-pro-search-float-container.value-panel .footer {
  text-align: center;
  padding: 0.3em;
  background-color: rgb(var(--nw-color-neutral-100));
  border-top: 1px solid rgb(var(--nw-color-neutral-300));
  margin-top: 0.2em;
}

/* Filter Display */
.nw-pro-search .filter-container {
  height: calc(1.8em - 4px);
  margin: 1px;
}

.nw-pro-search .filter-container .filter-button {
  height: 100%;
}

.nw-pro-search .filter-container .filter-button {
  height: 100%;
  padding-right: 23px;
  background-color: rgba(var(--nw-color-primary-500) / 0.2);
}

.nw-pro-search .clear-icon {
  position: absolute;
  right: 0px;
  display: flex;
  height: 100%;
}
.nw-pro-search .faceted-search-clear-icon {
  position: absolute;
  right: 0;
  display: flex;
  height: 100%;
}
.np-pro-search-filter__button button {
  background-color: rgba(var(--nw-color-primary-500) / 0.2) !important;
}
.np-pro-search-filter__types .button__label {
  width: 1rem;
  justify-content: center;
}
.np-pro-search-filter__form-body {
  max-height: 50vh;
}

.nw-pro-search-float-container .history-header {
  display: flex;
  justify-content: space-between;
  background-color: rgb(var(--nw-color-neutral-100));
  padding: 4px;
  font-size: 1rem;
  height: 1.5rem;
  line-height: 1.5rem;
  cursor: pointer;
}
.nw-pro-search-float-container .history-title {
  text-align: center;
}
.nw-pro-search-float-container .history-collapse-icon {
  height: 100%;
  display: flex;
  align-items: center;
}
.nw-pro-search-float-container .history-section {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  max-height: 0;
}
.nw-pro-search-float-container .history-section.open {
  padding-top: 2px;
  max-height: 50vh;
  overflow: auto;
  transition: max-height 0.5s ease-in;
}
.nw-pro-search-float-container .history-section.collapse {
  max-height: 0;
  display: none;
  transition: max-height 0s ease-out;
}
.nw-pro-search-float-container .history-container {
  display: flex;
  flex-direction: column;
}

.nw-pro-search-float-container .filter-button {
  height: 100%;
  margin: 2px 0;
}

.nw-pro-search-float-container .filter-button {
  height: 100%;
  padding-right: 23px;
  color: rgb(var(--nw-color-primary-500));
}
.nw-pro-search-float-container .filter-button .nw-button:hover {
  background-color: rgba(var(--nw-color-primary-500) / 0.2);
}

.faceted-search-multiple-history-filter-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow-x: hidden;
  white-space: nowrap;
  position: relative;
}
.faceted-search-multiple-history-filter-list {
  display: flex;
  overflow-y: auto;
  max-width: 80vw;
  max-height: 40vh;
  flex-wrap: wrap;
}

.faceted-search-multiple-history-filter-list
  .faceted-search-multiple-filter-button {
  width: fit-content;
}
.faceted-search-history-panel .no-history-found-hint {
  text-align: center;
  padding: 5px 0px;
}
.faceted-search-history-panel .history-clear-button {
  text-align: center;
  width: 100%;
}

.faceted-search-multiple-history-filter-container:hover {
  background-color: rgba(var(--nw-color-primary-500) / 0.1);
  border-color: rgb(var(--nw-color-primary-500));
}

.faceted-search-multiple-filter-button-container {
  display: flex;
  width: fit-content;
  margin: 2px;
  align-items: center;
}
.faceted-search-multiple-filter-button {
  /* Follow the nw-core-button style */
  height: 100%;
  padding-right: 23px;
  /* background-color: rgba(var(--nw-color-primary-500) / 0.2); */
  border-radius: var(--nw-input-height-small);
  color: rgb(var(--nw-color-primary-500));
  font-size: var(--nw-button-font-size-small);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: var(--nw-input-font-family);
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  transition:
    var(--nw-transition-fast) background-color,
    var(--nw-transition-fast) color,
    var(--nw-transition-fast) border,
    var(--nw-transition-fast) box-shadow;
  cursor: inherit;
  box-sizing: border-box;
  padding: 2px 6px;
}

.faceted-search-filter-connector {
  margin: 0 0.5rem;
  display: flex;
  align-items: center;
}
.faceted-search-history-panel .multiple-history-filter-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 50vw;
  padding: 5px 0;
}
.faceted-search-history-panel .multiple-history-filter-wrapper:hover {
  cursor: pointer;
  background-color: rgba(var(--nw-color-primary-500) / 0.2);
}

.nw-pro-grid-dashboard {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--nw-color-panel-50));
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-loading {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout {
  flex: 1;
  overflow-x: hidden;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .react-resizable-handle::after {
  border-color: rgb(var(--nw-color-neutral-500));
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .react-grid-item {
  box-sizing: content-box !important;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .react-grid-item.is-full-screen {
  transform: translate(6px, 6px) !important;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .grid-widget-expanded {
  position: sticky !important;
  top: 0;
  left: 0;
  transform: unset !important;
  width: calc(100% - 12px) !important;
  margin-inline: 6px;
  padding-block: 6px;
  background-color: rgb(var(--nw-color-neutral-100));
  z-index: 1;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .grid-widget-expanded .react-resizable-handle {
  display: none;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-layout .is-full-screen {
  /* to exclude paddings */
  width: calc(100% - 6px) !important;
  height: calc(100% - 6px) !important;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-200));
  outline: 1px solid rgb(var(--nw-color-border));
  border-radius: 2px;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-header {
  height: 20px;
  padding-left: 6px;
  /* padding-inline: 6px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8rem;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-header .grid-widget-header-title {
  font-size: 0.9rem;
  padding-top: 10px;
  color: rgb(var(--nw-color-gray-500));
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-header .grid-widget-header-right {
  display: none;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-body {
  flex: 1;
  overflow: hidden;
  padding: 6px;
}
.nw-pro-grid-dashboard .nw-pro-grid-dashboard-widget .grid-widget-header:hover .grid-widget-header-right {
  display: flex;
  align-items: center;
}
.nw-pro-grid-dashboard .react-grid-item.react-draggable:not(.grid-widget-expanded) .grid-widget-header {
  cursor: move;
}
.nw-pro-grid-dashboard .react-grid-item.react-grid-placeholder {
  background-color: rgb(var(--nw-color-primary-300));
}
.nw-pro-grid-dashboard .nwp-toolbar {
  border-bottom: none;
}
/* Issue: drag will select text in other widgets */
/* Disabling strict mode and/or using a production build removed the issue */
/* .react-draggable-transparent-selection {
  user-select: none;
} */

.dashboard-main-container {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-50));
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  /* Severity Style */
  /* Severity Critical */
}
.dashboard-main-container .dashboard-body-container {
  display: flex;
  height: 100%;
  width: 100%;
  background-color: transparent;
  color: rgb(var(--nw-color-neutral-1000));
  padding: 5px;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.dashboard-main-container .dashboard-body-container .dashboard-empty-message {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dashboard-main-container .dashboard-body-container .widget-hide-on-other-expand {
  overflow: hidden;
  width: 0;
  height: 0;
}
.dashboard-main-container .dash-spinner-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 40px;
  height: calc(100% - 40px);
  bottom: 0;
  z-index: 5;
  background-color: rgb(var(--nw-color-neutral-100) / 40%);
}
@keyframes spinner-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dashboard-main-container .spinner-icon {
  height: 1rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: spinner-loading 1s linear infinite;
}
.dashboard-main-container .dashboard-widget-block {
  margin-bottom: 10px;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-property: transform, width, height;
}
.dashboard-main-container .dashboard-widget-block.is-dragging {
  background-color: rgb(var(--nw-color-neutral-300));
  position: relative;
}
.dashboard-main-container .dashboard-widget-block-relative {
  position: relative;
}
.dashboard-main-container .pinned-widget-base {
  color: rgb(var(--nw-color-neutral-1000));
  display: flex;
  min-width: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.dashboard-main-container .pinned-widget-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dashboard-main-container .pinned-widget {
  opacity: 0.9;
  color: rgb(var(--nw-color-neutral-0));
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(var(--nw-color-primary-500));
  box-shadow: 0 1px 3px "rgb(var(--nw-color-primary-500), 0.12)", 0 1px 2px "rgb(var(--nw-color-primary-500), 0.24)";
}
.dashboard-main-container .pinned-widget-base .pinned-widget nw-icon-button::part(base) {
  /* color:rgb(var(--nw-color-primary-0)); */
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .pinned-widget nw-icon-button::part(base) {
  color: rgb(var(--nw-color-primary-500));
}
.dashboard-main-container .pinned-widget::part(base) {
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .widget-container-block {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 5px;
  height: 100%;
  cursor: unset;
}
.dashboard-main-container .is-dragging-widget {
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0px;
}
.dashboard-main-container .toolbar-container .nwp-toolbar {
  background-color: rgb(var(--nw-color-neutral-0));
  color: rgb(var(--nw-color-neutral-1000));
  padding: 0.55rem 5px;
}
.dashboard-main-container .wdidget-container-relative {
  position: relative;
}
.dashboard-main-container .widget-container {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-neutral-1000));
  height: 100%;
  outline: 1px solid rgb(var(--nw-color-border));
  transition-property: filter;
  box-shadow: 0 1px 3px "rgb(var(--nw-color-neutral-1000), 0.12)", 0 1px 2px "rgb(var(--nw-color-neutral-1000), 0.24)";
}
.dashboard-main-container .widget-container .nwp-toolbar {
  background-color: transparent;
  color: rgb(var(--nw-color-neutral-1000));
  border-bottom: none;
}
.dashboard-main-container .widget-controls .nwp-toolbar {
  padding: 0px;
  height: 100%;
}
.dashboard-main-container .widget-controls .nwp-toolbar > div {
  height: 100%;
}
.dashboard-main-container .widget-container:hover {
  box-shadow: 0 0 0 2px #cecece;
  outline: 2px dashed #939393;
}
.dashboard-main-container .widget-container.outline-disabled:hover {
  outline: none;
}
.dashboard-main-container .dropdown-more {
  align-items: center;
  display: inline-flex;
}
.dashboard-main-container .dropdown-more nw-button::part(base) {
  color: rgb(var(--nw-color-neutral-600));
}
.dashboard-main-container .dropdown-more nw-button {
  padding-right: 0px;
}
.dashboard-main-container .dropdown-more.dropdown-more-disabled nw-button::part(base) {
  cursor: not-allowed;
  color: rgb(var(--nw-color-neutral-800));
  opacity: 0.5;
}
.dashboard-main-container .toolbar-expand.nw-iconbutton {
  height: 100%;
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .toolbar-expand.nw-iconbutton.toolbar-expand-disabled {
  cursor: not-allowed;
  color: rgb(var(--nw-color-neutral-800));
  opacity: 0.5;
}
.dashboard-main-container .widget-header {
  align-items: stretch;
  padding: 0.3em 0.5em;
}
.dashboard-main-container .back-button-container {
  width: 0px;
  overflow: hidden;
  transition: width 0.15s ease-in-out;
}
.dashboard-main-container .widget-title {
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
}
.dashboard-main-container .dropdown-more {
  align-items: center;
  display: inline-flex;
}
.dashboard-main-container .widget-title:hover {
  cursor: move;
}
.dashboard-main-container .widget-title-disabled:hover {
  cursor: default;
}
.dashboard-main-container .widget-body {
  overflow: hidden;
  padding: 0.5em;
}
.dashboard-main-container .settings-container {
  position: relative;
  /* Widget Resizer */
}
.dashboard-main-container .settings-container .menu-container {
  position: absolute;
  display: none;
  top: 30px;
  left: -30px;
  z-index: 999;
  transition: max-height 0.5s ease-in-out;
  border: 1px solid rgb(var(--nw-color-neutral-800));
  background-color: rgb(var(--nw-panel-background-color));
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .settings-container .menu-container > div {
  position: relative;
  pointer-events: all;
  box-sizing: border-box;
  max-height: 5000px;
  height: 100%;
}
.dashboard-main-container .settings-container .block-resizer {
  background-color: rgb(var(--nw-color-panel-50));
  color: 1px solid rgb(var(--nw-color-neutral-1000));
  padding: 0.4rem;
  min-width: 93px;
}
.dashboard-main-container .settings-container .block-resizer .block {
  outline: 1px solid rgb(var(--nw-color-neutral-1000));
  width: 20px;
  height: 20px;
  background-color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .settings-container .block-resizer .block.selected {
  background-color: rgb(var(--nw-color-neutral-400));
}
.dashboard-main-container .settings-container .block-resizer .block.hover {
  background-color: rgb(var(--nw-color-primary-500));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-container {
  outline-color: rgb(var(--nw-color-danger-500));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-header {
  background-color: rgb(var(--nw-color-danger-500));
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-header .nw-iconbutton {
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .dashboard-widget-block.high .nw-iconbutton {
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .widget-controls nw-icon-button::part(base) {
  color: rgb(var(--nw-color-neutral-600));
}
.dashboard-main-container .widget-controls .pinned-widget::part(base) {
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .dashboard-widget-block {
  /* Severity High */
}
.dashboard-main-container .dashboard-widget-block.critical .dropdown-more nw-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.critical .pinned-widget-base .widget-header nw-icon-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.critical .dropdown-more nw-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-title {
  opacity: 1;
}
.dashboard-main-container .dashboard-widget-block.critical nw-icon-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-body {
  background-color: rgb(var(--nw-color-danger-700) / 0.2);
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .dashboard-widget-block.critical .widget-container .nwp-toolbar {
  background-color: rgb(var(--nw-color-danger-700) / 0.2);
  color: rgb(var(--nw-color-neutral-0));
}
.dashboard-main-container .dashboard-widget-block.high nw-icon-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.high .widget-container {
  outline-color: rgb(var(--nw-color-warning-500));
}
.dashboard-main-container .dashboard-widget-block.high .widget-header {
  background-color: rgb(var(--nw-color-warning-500));
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.high .dropdown-more {
  align-items: center;
  display: inline-flex;
}
.dashboard-main-container .dashboard-widget-block.high .dropdown-more nw-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.high .pinned-widget-base .widget-header nw-icon-button::part(base) {
  color: rgb(var(--nw-color-white-500));
}
.dashboard-main-container .dashboard-widget-block.high .widget-title {
  opacity: 1;
}
.dashboard-main-container .dashboard-widget-block.high .widget-body {
  background-color: "rgb(var(--nw-color-warning-500) / 0.2)";
  color: rgb(var(--nw-color-neutral-1000));
}
.dashboard-main-container .dashboard-widget-block.high .widget-container .nwp-toolbar {
  background-color: rgb(var(--nw-color-warning-500));
  color: rgb(var(--nw-color-neutral-0));
}

.nwp-layout__vmenu--collapsed-animation .menu-label-center,
.nwp-layout__vmenu--collapsed-animation .menu-footer > *,
.nwp-layout__vmenu--collapsed-animation .nw-pro-layout-nav__expanded ul {
  transition-timing-function: ease-in-out;
  transition-duration: 500ms;
}
.nwp-layout__vmenu--collapsed-animation .nw-pro-menu-item.active > *:not(:first-child) {
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
.nwp-layout__vmenu--collapsed-animation .menu-label-center,
.nwp-layout__vmenu--collapsed-animation .menu-footer > * {
  transition-property: opacity;
}
.nwp-layout__vmenu--collapsed-animation .nw-pro-layout-nav__expanded ul {
  transition-property: max-height;
}
.nwp-layout__vmenu--collapsed-animation .nw-pro-menu-item.active > *:not(:first-child) {
  transition-property: background-color, color, border-color;
}
.nwp-layout__vmenu--collapsed-animation.collapsed .menu-label-center,
.nwp-layout__vmenu--collapsed-animation.collapsed .menu-footer > * {
  opacity: 0;
}
.nwp-layout__vmenu--collapsed-animation.collapsed .nw-pro-layout-nav__expanded ul {
  max-height: 0 !important;
}
.nwp-layout__vmenu--collapsed-animation.collapsed .nw-pro-menu-item.active > *:not(:first-child) {
  background-color: rgb(var(--nw-color-sidebar-expanded));
  color: rgb(var(--nw-color-on-sidebar));
  border-color: transparent;
}
.nwp-layout__vmenu--w-none {
  width: 0px;
}
.nwp-layout__vmenu--w-mini {
  width: 3.5rem;
}

.nwp-toolbar {
  background-color: rgb(var(--nw-color-header-100));
  color: rgb(var(--nw-color-neutral-1000));
  padding: 0.55rem 0.7rem;
  border-bottom: 1px solid rgb(var(--nw-color-border-200));
}
.nwp-toolbar .nwp-toolbar__split-button .nw-button:not(:first-child) {
  margin-left: -1px;
}
.nwp-toolbar .nwp-toolbar__split-button .nw-button:not(.nw--disabled):hover,
.nwp-toolbar .nwp-toolbar__split-button .nw-button:not(.nw--disabled):focus {
  position: relative;
  z-index: 1;
}
.nwp-toolbar [data-label-hidden] nw-icon {
  pointer-events: auto !important;
}
.nwp-toolbar [data-label-hidden] .nw-button {
  gap: 0;
}
.nwp-toolbar__items {
  justify-content: space-between;
}
.nwp-toolbar__items,
.nwp-toolbar__left-items,
.nwp-toolbar__right-items {
  white-space: nowrap;
  display: flex;
  gap: 0.5rem;
}
.nwp-toolbar__search-highlight {
  background-color: yellow !important;
  box-shadow: 0px 0px 0.1em 0px rgba(0, 0, 0, 0.15);
  color: #000;
}

.nw-iconbutton.nw-sortable-table__drag-icon {
  opacity: 0;
  padding: 4px 0;
}
.nw-sortable-table__row:hover .nw-iconbutton.nw-sortable-table__drag-icon,
.nw-sortable-table__row .nwp-table__row-cell:focus .nw-iconbutton.nw-sortable-table__drag-icon,
.nw-sortable-table__row .nwp-table__row-cell:focus-within .nw-iconbutton.nw-sortable-table__drag-icon {
  opacity: 1;
  cursor: move;
}
.nwp-table__row.nwp-table__section-row a {
  text-decoration: underline;
  color: rgb(var(--nw-color-neutral-0));
}
.nwp-table__row.nwp-table__section-row.nws-focus-hover {
  border-bottom: 1px solid rgb(var(--nw-color-neutral-100));
}
.nwp-table__row-cell {
  border-bottom: 1px solid var(--cell-border);
}
.nwp-table__row-cell:not(:last-child) {
  border-right: 1px solid var(--cell-border);
}
.nwp-table__row {
  --cell-border: rgb(var(--nw-color-border));
}
.nw-light .row-selected {
  --cell-border: rgb(var(--nw-color-neutral-50));
}
.nwp-table__row--fit-h .nwp-table__row-cell {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}
.BaseTable__row:hover,
.BaseTable__row--hovered {
  /* hover & focus in class "nws-focus-hover"
   1. drop shadow
   2. mouse cursor change to "pointer"
   3. no background color change
  */
  z-index: calc(var(--np-z-index-sticky-column) + 1);
}
.BaseTable__row:hover .nwp-table__row-cell,
.BaseTable__row--hovered .nwp-table__row-cell {
  border-bottom-color: transparent;
}
.nwp-table__row.nws-focus-hover:focus-within:not(:hover) {
  box-shadow: none;
}
.nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-200));
}
.nwp-table__row-cell:focus,
.nwp-table__row-cell:focus-within {
  outline: rgb(var(--nw-color-primary-500)) solid 1px;
  outline-offset: -1px;
}
.nw-light .row-selected .nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-200));
}
.nw-dark .nwp-table__row.nwp-table__section-row {
  background-color: rgb(var(--nw-color-primary-400));
}
.nw-dark .nwp-table__row.nwp-table__section-row,
.nw-dark .nwp-table__row.nwp-table__section-row a {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark .nwp-table__row-cell:focus,
.nw-dark .nwp-table__row-cell:focus-within {
  outline: rgb(var(--nw-color-neutral-1000)) solid 1px;
  outline-offset: -1px;
}
.nw-dark .row-selected .nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-100));
}
.nw-dark-contrast .nwp-table__row.nwp-table__section-row {
  background-color: rgb(var(--nw-color-neutral-200));
}
.nw-dark-contrast .nwp-table__row.nwp-table__section-row,
.nw-dark-contrast .nwp-table__row.nwp-table__section-row a {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .row-selected .nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-200));
}
.nw-dark-contrast .row-selected .nwp-table__row-cell:focus,
.nw-dark-contrast .row-selected .nwp-table__row-cell:focus-within {
  outline: rgb(var(--nw-color-neutral-1000)) solid 1px;
  outline-offset: -2px;
}
.nw-dark-contrast .row-selected.BaseTable__row:hover .nwp-table__row-cell,
.nw-dark-contrast .row-selected.BaseTable__row--hovered .nwp-table__row-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-primary-300));
}
.nw-dark-contrast .nwp-table__row .nw-core-progress-bar {
  outline: 1px solid rgb(var(--nw-color-panel-200));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-core-badge {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .ffg:before {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--default,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--default {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--default .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--default .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--secondary,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--secondary {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-primary-600));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--secondary .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--secondary .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-primary-600));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--primary,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--primary {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-primary-600));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--primary .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--primary .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-primary-600));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--neutral,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--neutral {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-neutral-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--neutral .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--neutral .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-neutral-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--success,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--success {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-success-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--success .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--success .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-success-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--warning,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--warning {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-warning-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--warning .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--warning .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-warning-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--danger,
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--danger {
  background: rgb(var(--nw-color-panel-200));
  color: rgb(var(--nw-color-danger-500));
}
.nw-dark-contrast .nwp-table__row.row-selected .nw-button.button--danger .nw-core-icon:not(.nw-stack-br),
.nw-dark-contrast .nwp-table__row.row-selected .nw-iconbutton.button--danger .nw-core-icon:not(.nw-stack-br) {
  color: rgb(var(--nw-color-danger-500));
}
:root {
  --np-z-index-sticky-column: 1;
}
.BaseTable {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-200));
  position: relative;
  box-sizing: border-box;
}
.BaseTable a {
  color: rgb(var(--nw-color-link));
}
.BaseTable .BaseTable__body::-webkit-scrollbar-track:vertical {
  border-left: 1px solid rgb(var(--nw-color-border));
}
.nwp-table__expand-icon {
  padding: 2px;
}
.BaseTable--disabled {
  opacity: rgb(var(--nw-disabled-opacity));
  pointer-events: none;
}
.BaseTable__table .BaseTable__header,
.BaseTable__table .BaseTable__column-resizer {
  background-color: rgb(var(--nw-color-neutral-50));
}
.BaseTable__table .BaseTable__column-resizer {
  user-select: none;
  touch-action: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  cursor: col-resize;
}
.BaseTable__table-main {
  /* outline: 1px solid #eeeeee; */
  left: 0;
}
.BaseTable__table-frozen-left {
  top: 0;
  left: 0;
}
.BaseTable__table-frozen-left .BaseTable__header-row,
.BaseTable__table-frozen-left .BaseTable__row {
  padding-right: 0 !important;
}
.BaseTable__table-frozen-left .BaseTable__body {
  overflow-y: auto !important;
}
.BaseTable__table-frozen-right {
  /* box-shadow: -2px 0 4px 0 #eeeeee; */
  top: 0;
  right: 0;
}
.BaseTable__table-frozen-right .BaseTable__header-row,
.BaseTable__table-frozen-right .BaseTable__row {
  padding-left: 0 !important;
}
.BaseTable__table-frozen-right .BaseTable__body {
  overflow-y: auto !important;
}
.BaseTable .BaseTable__header,
.BaseTable .BaseTable__body {
  outline: none;
  will-change: auto !important;
}
.BaseTable__row {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.BaseTable__header-cell,
.nwp-table__row-cell {
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 7px;
  box-sizing: border-box;
  white-space: nowrap;
}
.BaseTable__header-cell:hover .BaseTable__column-resizer {
  visibility: visible;
  opacity: 0.5;
}
.BaseTable__header-cell:hover .BaseTable__column-resizer:hover {
  opacity: 1;
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon:before,
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon:after {
  border: 5px solid transparent;
  content: '';
  display: block;
  height: 0;
  margin-left: 4px;
  top: 50%;
  position: absolute;
  width: 0;
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon:before {
  border-bottom-color: rgb(var(--nw-color-neutral-400));
  margin-top: -12px;
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon.sort-icon--ascending:before {
  border-bottom-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon:after {
  border-top-color: rgb(var(--nw-color-neutral-400));
}
.BaseTable__header-cell .BaseTable__sort-indicator .sort-icon.sort-icon--descending:after {
  border-top-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell--sortable:not(.BaseTable__header-cell--sorting) .BaseTable__sort-indicator .sort-icon.sort-icon--ascending:before {
  border-bottom-color: rgb(var(--nw-color-neutral-400));
}
.BaseTable__header-cell--sortable:not(.BaseTable__header-cell--sorting) .BaseTable__sort-indicator .sort-icon.sort-icon--descending:after {
  border-top-color: rgb(var(--nw-color-neutral-400));
}
.BaseTable__header-cell--sortable:hover {
  /* background-color: #f3f3f3; */
  cursor: pointer;
}
.BaseTable__header-cell--sortable:not(.BaseTable__header-cell--sorting):hover .BaseTable__sort-indicator .sort-icon:after {
  border-top-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell--sortable.BaseTable__header-cell--sorting:hover .BaseTable__sort-indicator .sort-icon:before {
  border-bottom-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell--sortable.BaseTable__header-cell--sorting:hover .BaseTable__sort-indicator .sort-icon:after {
  border-top-color: rgb(var(--nw-color-primary-700));
}
.BaseTable__header-cell--resizing .BaseTable__column-resizer {
  visibility: visible;
  opacity: 1;
}
.BaseTable__header-cell--resizing .BaseTable__column-resizer::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  content: '';
  left: -9999px;
}
.BaseTable__header-row--resizing .BaseTable__header-cell {
  background-color: transparent;
  cursor: col-resize;
}
.BaseTable__header-row--resizing .BaseTable__header-cell:not(.BaseTable__header-cell--resizing) .BaseTable__column-resizer {
  visibility: hidden;
}
.BaseTable__column-resizer {
  width: 3px;
  visibility: hidden;
  /* background-color: #cccccc; */
}
.BaseTable__column-resizer:hover {
  visibility: visible;
  opacity: 1;
}
.BaseTable__footer {
  position: relative;
  /*
  NOTE:
  top: -1px;
  z-index: 1;
  so it covers table row's and sticky row cell border-bottom
  */
  top: -1px;
  z-index: var(--np-z-index-sticky-column);
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  /* background-color: #ffffff; */
}
.BaseTable__resizing-line {
  cursor: col-resize;
  position: absolute;
  top: 0;
  /* background-color: #cccccc; */
  width: 3px;
  transform: translateX(-100%);
}

.nw-pro-layout-nav .nw-pro-menu-item.disabled:hover .menu-label-right {
  background-color: rgb(var(--nw-color-neutral-200) / 0.5);
}
.nw-pro-layout-nav .nw-pro-menu-item.disabled:hover .menu-label-right.is-app-side-menu {
  background-color: rgb(var(--nw-color-sidebar-expanded-hover) / 0.5);
}
.nw-pro-layout-nav .nw-pro-menu-item:focus {
  outline: 1px auto rgb(var(--nw-color-primary));
}
.nw-pro-layout-nav .nw-pro-menu-item:focus.active {
  outline: 1px auto rgb(var(--nw-color-primary-300));
}
.nw-pro-layout-nav .nw-pro-menu-item .fav-icon:hover {
  transform: rotate(10deg);
}
.nw-pro-layout-nav div.layout-nav-entry.nw-pro-layout-nav__expanded > div .nw-pro-menu-item.is-expanded .expanded-icon {
  transform: rotate(90deg);
}
@-moz-document url-prefix() {
  .nw-pro-layout-nav .nw-pro-menu-item:focus {
    outline: 1px auto rgb(var(--nw-color-primary));
    outline-offset: -1px;
    outline-style: solid;
  }
  .nw-pro-layout-nav .nw-pro-menu-item:focus.active {
    outline: 1px auto rgb(var(--nw-color-primary-300));
    outline-style: solid;
  }
}

.nw-pro-layout-menu-item-action-dropdown-container {
  border: solid 1px rgb(var(--nw-color-neutral-800));
  box-shadow: var(--nw-shadow-large);
  background-color: rgb(var(--nw-panel-background-color));
  color: rgb(var(--nw-color-neutral-1000));
  box-shadow: var(--nw-shadow-large);
  overflow: auto;
  overscroll-behavior: none;
  max-height: 75vh;
  z-index: 901;
}

/* ftnt-icon and fa-icon, ftnt-48px-icons are for Topology */
@font-face {
  font-family: ftnt-icons;
  src: local('☺'), url(/static/fonts/ftnt-icons.woff) format('woff');
}
f-icon[class*=" ftnt-"]:before,
f-icon[class^=ftnt-]:before {
  font-family: ftnt-icons;
}
text.f-icon[class*=" ftnt-"],
text.f-icon[class^=ftnt-] {
  font-family: ftnt-icons;
}
@font-face {
  font-family: fa-icons;
  src: local('☺'), url(/static/fonts/fa-icons.woff) format('woff');
}
f-icon[class*=" fa-"]:before,
f-icon[class^=fa-]:before {
  font-family: fa-icons;
}
text.f-icon[class*=" fa-"],
text.f-icon[class^=fa-] {
  font-family: fa-icons;
}
@font-face {
  font-family: ftnt-48px-icons;
  src: local('☺'), url(/static/fonts/ftnt-48px-icons.woff) format('woff');
}
f-icon[class*=" ftnt-48px-"]:before,
f-icon[class^=ftnt-48px-]:before {
  font-family: ftnt-48px-icons;
}
text.f-icon[class*=" ftnt-48px-"],
text.f-icon[class^=ftnt-48px-] {
  font-family: ftnt-48px-icons;
}
@font-face {
  font-family: fafm-icons;
  src: local('☺'), url(/static/fonts/fafm-icons.woff) format('woff');
}
f-icon[class*=" fafm-"]:before,
f-icon[class^=fafm-]:before {
  font-family: fafm-icons;
}
text.f-icon[class*=" fafm-"],
text.f-icon[class^=fafm-] {
  font-family: fafm-icons;
}
/* end of topology icons */
.f-fabric-topology .no-search-match {
  opacity: 0.3;
}
svg .cursor-pointer {
  cursor: pointer;
}
svg .cursor-default {
  cursor: default;
}
svg g text.pack-child-badge-effect-icon {
  fill: #fff;
}
svg g .pannable {
  cursor: all-scroll;
}
svg path.donut-path:hover {
  fill-opacity: 0.8;
}
.f-fabric-topology {
  height: 100%;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.f-fabric-topology .topology-container {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.f-fabric-topology .topology-container .loading-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: background 0.25s;
  -moz-transition: background 0.25s;
  -o-transition: background 0.25s;
  -ms-transition: background 0.25s;
  transition: background 0.25s;
  z-index: 2;
}
.f-fabric-topology .topology-container .loading-container * {
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.f-fabric-topology .topology-container .loading-container.no-opacity {
  background: #fff;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  -ms-transition-property: none;
  transition-property: none;
}
.f-fabric-topology .topology-container .loading-container.no-opacity * {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  -ms-transition-property: none;
  transition-property: none;
}
.f-fabric-topology .topology-container .loading-invisible {
  background: rgba(255, 255, 255, 0);
  pointer-events: none;
}
.f-fabric-topology .topology-container .loading-invisible * {
  opacity: 0;
}
.f-fabric-topology .topology-container .topology-menu {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 90px;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
}
.f-fabric-topology .topology-container .topology-view {
  min-height: 0;
}
.f-fabric-topology .topology-container .topology-view f-fopology-renderer {
  display: flex;
}
.f-fabric-topology .search-input-tip-target {
  display: inline-flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.f-fabric-topology .search-input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.f-fabric-topology .no-search-match {
  opacity: 0.3;
}
.f-fabric-topology f-metrics > div {
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.f-fabric-topology f-upstream-types > div {
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.f-fabric-topology f-sidebar-toggle.risk-alert > div > button {
  background-color: #d9534f;
  color: #fff;
}
.f-fabric-topology f-sidebar-toggle.risk-alert > div > button:hover {
  background-color: #d9534f;
}
.f-fabric-topology f-sidebar-toggle.risk-alert > div > button f-icon,
.f-fabric-topology f-sidebar-toggle.risk-alert > div > button f-ng2-icon {
  color: #fff;
}
.f-fabric-topology f-topology-sidebar {
  overflow-y: auto;
}
.f-fabric-topology f-risk-device {
  cursor: pointer;
}
.f-fabric-topology f-risk-device .risk-device {
  position: relative;
  margin: 0.3em;
  margin-bottom: 0;
  width: 100%;
  border: 1px solid #b4b4b4;
  background-color: #fff;
}
.f-fabric-topology f-risk-device .risk-device .drilldown-container {
  position: absolute;
  top: 0.5em;
  right: 0;
}
.f-fabric-topology f-risk-device .risk-device.selected {
  background-color: #ffa;
}
.f-fabric-topology f-risk-device .risk-summary-table {
  margin: 0.5em;
}
.f-fabric-topology svg g text:not(.link-badge-main):not(.number-bubble-badge) {
  fill: rgb(var(--nw-color-neutral-1000));
}
.f-fabric-topology svg g text:not(.link-badge-main):not(.number-bubble-badge).link-badge-effect {
  fill: rgb(var(--nw-color-neutral-0));
}
.f-fabric-topology svg g g.th rect.td {
  fill: rgb(var(--nw-color-neutral-100));
  stroke: rgb(var(--nw-color-border));
  stroke-width: 1px;
}
.f-fabric-topology svg g g.tr rect.td {
  fill: rgb(var(--nw-color-neutral-50));
}
.f-fabric-topology svg g g.th tspan.label.current-fortigate {
  font-weight: 700;
}
.f-fabric-topology svg g g.tr rect.td {
  stroke: rgb(var(--nw-color-border));
  stroke-width: 1px;
}
.f-fabric-topology svg g g.tr text.vdom {
  font-weight: 700;
}
.f-fabric-topology .node-layer .circle-node > text:not(.number-bubble-badge),
.f-fabric-topology .node-layer .square-node > text:not(.number-bubble-badge) {
  fill: #000;
}
.f-fabric-topology .node-layer .circle-node > text.pack-child-badge-effect-icon,
.f-fabric-topology .node-layer .square-node > text.pack-child-badge-effect-icon {
  fill: #fff;
}
.f-fabric-topology .circle-pack > circle {
  fill: rgb(var(--nw-color-neutral-100));
  stroke: rgb(var(--nw-color-border));
}
.f-fabric-topology .square-pack > rect {
  fill: rgb(var(--nw-color-neutral-100));
  stroke: rgb(var(--nw-color-border));
}
.f-fabric-topology .donut-inner-circle {
  fill: rgb(var(--nu-theme-override-text-background, var(--nw-color-neutral-0)));
}
.f-fabric-topology svg g g.group-node text {
  fill: rgb(var(--nw-color-neutral-1000));
}
.f-fabric-topology svg g g.group-node rect {
  stroke: rgb(var(--nw-color-border));
  stroke-width: 1px;
}
.f-fabric-topology svg g g.group-node rect.left-part {
  fill: rgb(var(--nw-color-neutral-50));
}
.f-fabric-topology svg g g.group-node rect.mask {
  fill: rgb(var(--nw-color-neutral-100));
}
.f-fabric-topology svg g g.group-node rect.right-part {
  fill: rgb(var(--nw-color-neutral-100));
}
.f-fabric-topology svg .stroke-highlight {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  stroke-width: 0;
}
.f-fabric-topology svg .stroke-highlight:hover {
  opacity: 0.95;
  stroke-width: 2;
}
.f-fabric-topology svg .severity-none {
  fill: rgb(var(--nu-theme-color-informative-success-base));
  stroke: rgb(var(--nu-theme-color-informative-success-base));
}
.f-fabric-topology svg .severity-none + text {
  fill: rgb(var(--nu-theme-on-color-informative-success));
}
.f-fabric-topology svg .severity-low {
  fill: rgb(var(--nu-theme-color-informative-severity-low-base));
  stroke: rgb(var(--nu-theme-color-informative-severity-low-base));
}
.f-fabric-topology svg .severity-low + text {
  fill: rgb(var(--nu-theme-on-color-informative-severity-low));
}
.f-fabric-topology svg .severity-medium {
  fill: rgb(var(--nu-theme-color-informative-severity-medium-base));
  stroke: rgb(var(--nu-theme-color-informative-severity-medium-base));
}
.f-fabric-topology svg .severity-medium + text {
  fill: rgb(var(--nu-theme-on-color-informative-severity-medium));
}
.f-fabric-topology svg .severity-high {
  fill: rgb(var(--nu-theme-color-informative-severity-high-base));
  stroke: rgb(var(--nu-theme-color-informative-severity-high-base));
}
.f-fabric-topology svg .severity-high + text {
  fill: rgb(var(--nu-theme-on-color-informative-severity-high));
}
.f-fabric-topology svg .severity-critical {
  fill: rgb(var(--nu-theme-color-informative-severity-critical-base));
  stroke: rgb(var(--nu-theme-color-informative-severity-critical-base));
}
.f-fabric-topology svg .severity-critical + text {
  fill: rgb(var(--nu-theme-on-color-informative-severity-critical));
}
.f-fabric-topology svg g.chart-visual-toggle rect {
  fill: rgb(var(--nu-theme-override-text-background, var(--nw-color-neutral-0)));
}
.f-fabric-topology svg g.chart-visual-toggle text {
  opacity: 0.8;
}
.f-fabric-topology svg g.chart-visual-toggle:hover rect {
  fill: rgb(var(--nw-color-neutral-200));
}
.f-fabric-topology svg g.chart-visual-toggle:hover text {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.f-fabric-topology svg .spinner {
  -webkit-animation: spin 1s infinite steps(8);
  -moz-animation: spin 1s infinite steps(8);
  -o-animation: spin 1s infinite steps(8);
  -ms-animation: spin 1s infinite steps(8);
  animation: spin 1s infinite steps(8);
}
.f-fabric-topology svg path.link-usage.level-normal,
.f-fabric-topology svg use.link-usage.level-normal {
  stroke: rgb(var(--nu-theme-color-informative-success-base));
  stroke-width: 2.5;
}
.f-fabric-topology svg path.link-usage.level-high,
.f-fabric-topology svg use.link-usage.level-high {
  stroke: rgb(var(--nu-theme-color-informative-severity-high-base));
  stroke-width: 4;
}
.f-fabric-topology svg path.link-usage.level-critical,
.f-fabric-topology svg use.link-usage.level-critical {
  stroke: rgb(var(--nu-theme-color-informative-severity-critical-base));
  stroke-width: 5.5;
}
.f-fabric-topology svg g circle.action-taken,
.f-fabric-topology svg g rect.action-taken {
  stroke: #000;
  stroke-width: 2;
}

.nwp-hmenu {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  min-height: 2.75rem;
  max-height: 4rem;
  width: 100%;
  overflow: hidden;
  background-color: rgb(var(--nw-color-neutral-50));
  border-bottom: 1px solid rgb(var(--nw-color-neutral-300));
  transition-property: width, height, opacity;
  transition-duration: 400ms;
  transition-timing-function: ease-in-out;
}
.nwp-hmenu .nwp-hmenu-menu-item,
.nwp-hmenu .nwp-hmenu-button,
.nwp-hmenu .nwp-hmenu-action-dropdown,
.nwp-hmenu .nwp-hmenu-more-items-dropdown,
.nwp-hmenu .nwp-hmenu-action-button,
.nwp-hmenu .nw-button {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 2.75rem;
  max-width: 30rem;
  border: none;
  border-right: 1px solid rgb(var(--nw-color-neutral-300));
  width: 100%;
  padding: 0 0.8rem;
}
.nwp-hmenu .nwp-hmenu-menu-item.active,
.nwp-hmenu .nwp-hmenu-button.active,
.nwp-hmenu .nwp-hmenu-action-dropdown.active,
.nwp-hmenu .nwp-hmenu-more-items-dropdown.active,
.nwp-hmenu .nwp-hmenu-action-button.active,
.nwp-hmenu .nw-button.active {
  color: rgb(var(--nw-color-on-sidebar-active));
}
.nwp-hmenu .nwp-hmenu-menu-item.active:hover,
.nwp-hmenu .nwp-hmenu-button.active:hover,
.nwp-hmenu .nwp-hmenu-action-dropdown.active:hover,
.nwp-hmenu .nwp-hmenu-more-items-dropdown.active:hover,
.nwp-hmenu .nwp-hmenu-action-button.active:hover,
.nwp-hmenu .nw-button.active:hover {
  background-color: rgb(var(--nw-color-primary-600));
}
.nwp-hmenu .nwp-hmenu-menu-item.active:focus,
.nwp-hmenu .nwp-hmenu-button.active:focus,
.nwp-hmenu .nwp-hmenu-action-dropdown.active:focus,
.nwp-hmenu .nwp-hmenu-more-items-dropdown.active:focus,
.nwp-hmenu .nwp-hmenu-action-button.active:focus,
.nwp-hmenu .nw-button.active:focus {
  outline: 1px auto rgb(var(--nw-color-primary-300));
}
.nwp-hmenu .nwp-hmenu-menu-item:not(.active):hover,
.nwp-hmenu .nwp-hmenu-button:not(.active):hover,
.nwp-hmenu .nwp-hmenu-action-dropdown:not(.active):hover,
.nwp-hmenu .nwp-hmenu-more-items-dropdown:not(.active):hover,
.nwp-hmenu .nwp-hmenu-action-button:not(.active):hover,
.nwp-hmenu .nw-button:not(.active):hover {
  color: rgb(var(--nw-color-on-sidebar-expanded-hover));
  background-color: rgb(var(--nw-color-sidebar-expanded-hover));
}
.nwp-hmenu .nwp-hmenu-menu-item:not(.active):focus,
.nwp-hmenu .nwp-hmenu-button:not(.active):focus,
.nwp-hmenu .nwp-hmenu-action-dropdown:not(.active):focus,
.nwp-hmenu .nwp-hmenu-more-items-dropdown:not(.active):focus,
.nwp-hmenu .nwp-hmenu-action-button:not(.active):focus,
.nwp-hmenu .nw-button:not(.active):focus {
  outline: 1px auto rgb(var(--nw-color-primary));
}
.nwp-hmenu .nw-button {
  width: fit-content;
  height: 100%;
}
.nwp-hmenu .nw-button .button__label {
  line-height: 1rem;
  max-width: 30rem;
}
.nwp-hmenu .nw-button .button__label .nw-core-icon {
  margin-right: 0.25rem;
}
.nwp-hmenu:not(.collapse-menu-items) .nw-button .nw-core-icon.hide-label {
  display: none;
}
.nwp-hmenu .nwp-hmenu-util-action {
  margin-left: auto;
  border-left: 1px solid rgb(var(--nw-color-neutral-300));
  background-color: rgb(var(--nw-color-neutral-0));
  border-right: none;
}
.nwp-hmenu .nwp-hmenu-menu-item-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nwp-hmenu-dropdown-content .nw-pro-layout-menu {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-panel-50));
}
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry {
  background-color: rgb(var(--nw-color-panel-50));
}
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry .nw-pro-menu-item:not(.active):hover {
  background-color: rgb(var(--nw-color-panel-50-hover));
}
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry .nw-pro-menu-item:not(.active):hover .menu-label-left,
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry .nw-pro-menu-item:not(.active):hover .menu-label,
.nwp-hmenu-dropdown-content .nw-pro-layout-menu .layout-nav-entry .nw-pro-menu-item:not(.active):hover .menu-label-right {
  background-color: rgb(var(--nw-color-panel-50-hover));
}
@-moz-document url-prefix() {
  .nwp-hmenu .nw-button.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-menu-item.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-button.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-action-dropdown.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-more-items-dropdown.active .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-action-button.active .nw-button:focus {
    outline: 1px solid rgb(var(--nw-color-primary-300));
    outline-offset: -0.9px;
  }
  .nwp-hmenu .nw-button:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-menu-item:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-button:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-action-dropdown:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-more-items-dropdown:not(.active) .nw-button:focus,
  .nwp-hmenu .nwp-hmenu-action-button:not(.active) .nw-button:focus {
    outline: 1px solid rgb(var(--nw-color-primary));
    outline-offset: -0.9px;
  }
}

*.nwp-layout__collapsed-nav-popup.nw-floating-ui {
  max-height: 95vh;
  font-family: var(--nw-font-sans);
  font-size: var(--nw-font-size-medium);
  font-weight: var(--nw-font-weight-normal);
  pointer-events: all;
  box-shadow: none;
  overflow: auto;
  border: solid 1px rgb(var(--nw-color-primary));
  border-left: 0;
  background-color: rgb(var(--item-bg-color));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .menu-label,
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .menu-label .tw-overflow-hidden {
  overflow: unset;
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui *::-webkit-scrollbar-track {
  background: rgb(var(--item-bg-color));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nwp-layout__collapsed-nav-scroll > .nw-pro-layout-nav > * {
  border-left: solid 1px rgb(var(--nw-color-primary));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .layout-nav-entry {
  background-color: rgb(var(--item-bg-color));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nwp-layout__collapsed-nav-header .nw-pro-menu-item > * {
  background-color: rgb(var(--item-bg-color));
  border-color: rgb(var(--item-bg-color));
  color: rgb(var(--nw-color-neutral-1000));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nwp-layout__collapsed-nav-header .nw-pro-menu-item .expanded-icon {
  display: none;
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable > * {
  background-color: rgb(var(--item-bg-color));
  border-color: rgb(var(--item-bg-color));
  color: rgb(var(--nw-color-link));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable.disabled .menu-label-right {
  background-color: rgb(var(--item-bg-color) / 0.5);
  border-color: rgb(var(--item-bg-color) / 0.5);
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable.disabled:hover .menu-label-right {
  background-color: rgb(var(--item-hover-bg-color) / 0.5);
  border-color: rgb(var(--item-hover-bg-color) / 0.5);
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable:not(.active):hover > * {
  background-color: rgb(var(--item-hover-bg-color));
  border-color: rgb(var(--item-hover-bg-color));
  color: rgb(var(--nw-color-neutral-1000));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable.active > * {
  background-color: rgb(var(--nw-color-primary));
  border-color: rgb(var(--nw-color-primary));
  color: rgb(var(--nw-color-on-primary));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable.active:hover > * {
  background-color: rgb(var(--nw-color-primary-600));
  border-color: rgb(var(--nw-color-primary-600));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable:not(.active).is-expanded > :first-child {
  background-color: rgb(var(--nw-color-primary));
  border-color: rgb(var(--nw-color-primary));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui .nw-pro-menu-item.nwp-layout__menu-item--clickable:not(.active).is-expanded:hover > :first-child {
  background-color: rgb(var(--nw-color-primary-600));
  border-color: rgb(var(--nw-color-primary-600));
}
.nwp-layout__collapsed-menu-item--open-color {
  background-color: rgb(var(--nw-color-neutral-50));
}
*.nwp-layout__collapsed-nav-popup.nw-floating-ui {
  --item-bg-color: var(--nw-color-neutral-50);
  --item-hover-bg-color: var(--nw-color-neutral-100);
}
.nw-dark .nwp-layout__collapsed-menu-item--open-color {
  background-color: rgb(var(--nw-color-neutral-300));
}
.nw-dark *.nwp-layout__collapsed-nav-popup.nw-floating-ui {
  --item-bg-color: var(--nw-color-neutral-300);
  --item-hover-bg-color: var(--nw-color-neutral-400);
}
.nw-dark-contrast .nwp-layout__collapsed-menu-item--open-color {
  background-color: rgb(var(--nw-color-neutral-100));
}
.nw-dark-contrast *.nwp-layout__collapsed-nav-popup.nw-floating-ui {
  --item-bg-color: var(--nw-color-neutral-100);
  --item-hover-bg-color: var(--nw-color-neutral-300);
}
ul.nw-pro-layout-nav .nw-pro-menu-item.nwp-layout__collapsed-menu-item {
  outline: none;
}

.pro-chart-fgt-level-summary {
  height: 100%;
  width: 100%;
  position: relative;
  /* Unknown */
  /* Info */
  /* Low */
  /* Medium */
  /* High */
}
.pro-chart-fgt-level-summary:not(.loading) .chart-loading {
  pointer-events: none;
  opacity: 0;
}
.pro-chart-fgt-level-summary.loading .svg-container {
  opacity: 0.4;
}
.pro-chart-fgt-level-summary .svg-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.pro-chart-fgt-level-summary .level-0 {
  fill: rgb(var(--nw-color-msg-gray));
  stroke: rgb(var(--nw-color-msg-gray));
}
.pro-chart-fgt-level-summary .text-level-0 {
  fill: rgb(var(--nw-color-on-msg-gray));
}
.pro-chart-fgt-level-summary .level-1 {
  fill: rgb(var(--nw-color-msg-blue));
  stroke: rgb(var(--nw-color-msg-blue));
}
.pro-chart-fgt-level-summary .text-level-1 {
  fill: rgb(var(--nw-color-on-msg-blue));
}
.pro-chart-fgt-level-summary .level-2 {
  fill: rgb(var(--nw-color-msg-green));
  stroke: rgb(var(--nw-color-msg-green));
}
.pro-chart-fgt-level-summary .text-level-2 {
  fill: rgb(var(--nw-color-on-msg-green));
}
.pro-chart-fgt-level-summary .level-3 {
  fill: rgb(var(--nw-color-msg-yellow));
  stroke: rgb(var(--nw-color-msg-yellow));
}
.pro-chart-fgt-level-summary .text-level-3 {
  fill: rgb(var(--nw-color-on-msg-yellow));
}
.pro-chart-fgt-level-summary .level-4 {
  fill: rgb(var(--nw-color-msg-orange));
  stroke: rgb(var(--nw-color-msg-orange));
}
.pro-chart-fgt-level-summary .text-level-4 {
  fill: rgb(var(--nw-color-on-msg-orange));
}
.pro-chart-fgt-level-summary .level-5 {
  fill: rgb(var(--nw-color-msg-purple));
  stroke: rgb(var(--nw-color-msg-purple));
}
.pro-chart-fgt-level-summary .text-level-5 {
  fill: rgb(var(--nw-color-on-msg-purple));
}
.pro-chart-fgt-level-summary .level-6 {
  fill: rgb(var(--nw-color-msg-red));
  stroke: rgb(var(--nw-color-msg-red));
}
.pro-chart-fgt-level-summary .text-level-6 {
  fill: rgb(var(--nw-color-on-msg-red));
}
.pro-chart-fgt-level-summary.level-summary-ring .host-count,
.pro-chart-fgt-level-summary.level-summary-ring .total-hosts-label,
.pro-chart-fgt-level-summary.level-summary-ring text.status {
  fill: rgb(var(--nw-color-neutral-1000));
}

.nwp-table__header-cell:hover .nw-column-filter__trigger {
  display: inline-flex;
}
.nwp-table__header-cell:has(.nw-column-filter__trigger--active) {
  background-color: rgb(var(--nw-color-primary-100));
}

.pro-chart-fgt-pie-chart {
  height: 100%;
  width: 100%;
  display: flex;
}
.pro-chart-fgt-pie-chart .chart-host {
  display: flex;
  flex-direction: column;
  flex: 1;
  /* height: 225px;
    max-width: 600px; */
  box-sizing: border-box;
}
.pro-chart-fgt-pie-chart .chart-host:not(.loading) .chart-loading {
  pointer-events: none;
  opacity: 0;
  /* background: nu-theme-color(background, level0, $alpha: 1); */
}
.pro-chart-fgt-pie-chart .chart-host.with-legend:not(.legend-empty) svg.fgt-chart-svg {
  width: 64%;
}
.pro-chart-fgt-pie-chart .chart-host.with-legend.legend-empty .chart-legend {
  position: unset;
  width: 50%;
}
.pro-chart-fgt-pie-chart .chart-host.legend-clickable path {
  cursor: pointer;
}
.pro-chart-fgt-pie-chart .chart-host.legend-clickable .chart-legend-entry {
  cursor: pointer;
}
.pro-chart-fgt-pie-chart .chart-host.legend-clickable .chart-legend-entry:hover {
  background: rgb(var(--nw-color-neutral-200));
}
.pro-chart-fgt-pie-chart path {
  stroke: rgb(var(--nw-color-neutral-0));
  stroke-width: 0.2;
}
.pro-chart-fgt-pie-chart .chart-slice-count {
  pointer-events: none;
}
.pro-chart-fgt-pie-chart .chart-total-count {
  fill: rgb(var(--nw-color-neutral-1000));
}
.pro-chart-fgt-pie-chart .chart-content {
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.pro-chart-fgt-pie-chart svg.fgt-chart-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: width 0.3s ease-in-out;
}
.pro-chart-fgt-pie-chart .chart-loading {
  opacity: 1;
  background: rgba(var(--nw-color-neutral-0) / 0.5);
  /* background: nu-theme-color(background, level1, $alpha: 0.5); */
  transition: opacity background 0.5s ease-in-out;
  z-index: 1;
}
.pro-chart-fgt-pie-chart .chart-legend {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  /* width: nu-get-dimension(chart, pie, legend-width); */
  width: 36%;
  margin: 0.5em 0;
  padding: 0 0.5em;
  overflow: hidden;
  box-sizing: border-box;
  transition: right 0.3s ease-in-out;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-more {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0.1em;
}
.pro-chart-fgt-pie-chart-legend .overflow-chart-legend {
  overflow-y: auto;
}
.pro-chart-fgt-pie-chart-legend .overflow-chart-legend.legend-clickable .chart-legend-entry {
  cursor: pointer;
}
.pro-chart-fgt-pie-chart-legend .overflow-chart-legend.legend-clickable .chart-legend-entry:hover {
  background: rgb(var(--nw-color-neutral-200));
}
.pro-chart-fgt-pie-chart-legend .chart-legend-title {
  padding-bottom: 0.2em;
  margin-bottom: 0.3em;
  /* border-bottom: 1px solid nu-theme-color(border, level3); */
  border-bottom: 1px solid #939393;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-entry {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.1em;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-more {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0.1em;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-color,
.pro-chart-fgt-pie-chart-legend .chart-legend-color-empty {
  border: 1px solid black;
  height: 0.8em;
  width: 0.8em;
  flex-shrink: 0;
  margin-right: 0.3em;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-color-empty {
  border-color: transparent;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-label {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pro-chart-fgt-pie-chart-legend .chart-legend-count {
  margin: 0 0.25em;
  flex-shrink: 0;
}

.pro-chart-fgt-sankey-chart .chart-host {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
}
.pro-chart-fgt-sankey-chart .chart-host .chart-text {
  /* fill: nu-theme-on-color(background); */
  fill: rgb(var(--nw-color-neutral-1000));
}
.pro-chart-fgt-sankey-chart .chart-host .path-text {
  /* fill: nu-theme-on-color(background); */
  fill: rgb(var(--nw-color-neutral-1000));
}
.pro-chart-fgt-sankey-chart .chart-host .node:hover {
  opacity: 80%;
  stroke-width: 1;
}
.pro-chart-fgt-sankey-chart .chart-host .node {
  transition: all 0.2s;
  opacity: 100%;
  stroke-width: 0.2;
}
.pro-chart-fgt-sankey-chart .chart-host .links path {
  opacity: 100%;
}
.pro-chart-fgt-sankey-chart .chart-host.node-clickable g.nodes g {
  cursor: pointer;
}
.pro-chart-fgt-sankey-chart .chart-host.link-clickable g.links g {
  cursor: pointer;
}
.pro-chart-fgt-sankey-chart .chart-content {
  position: relative;
  flex-grow: 1;
}
.pro-chart-fgt-sankey-chart svg.fgt-chart-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: width 0.3s ease-in-out;
}

.pro-chart-fgt-stacked-bar-chart .chart-host.clickable g.dataset {
  cursor: pointer;
}
.pro-chart-fgt-stacked-bar-chart .chart-host .horizontal-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-stacked-bar-chart .chart-host g.dataset {
  transition: opacity 0.2s;
}
.pro-chart-fgt-stacked-bar-chart .chart-host g.secondary-tick {
  fill: currentColor;
}
.pro-chart-fgt-stacked-bar-chart .chart-host .with-hovered g.dataset:not(.hovered) {
  opacity: 0.5;
}

.np-base-table__empty-layer {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
}
.np-base-table__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: calc(var(--np-z-index-sticky-column) + 1);
}
.np-base-table__overlay > * {
  pointer-events: auto;
}
.nwp-table__cell--bg-highlight {
  background-color: rgb(var(--nw-color-primary-50)) !important;
}
.nwp-table__cell--border-t-highlight {
  border-top: 2px solid rgb(var(--nw-color-primary)) !important;
}
.nwp-table__cell--border-b-highlight {
  border-bottom: 2px solid rgb(var(--nw-color-primary)) !important;
}
.nwp-table__cell--border-l-highlight {
  border-left: 2px solid rgb(var(--nw-color-primary)) !important;
}
.nwp-table__cell--border-r-highlight {
  border-right: 2px solid rgb(var(--nw-color-primary)) !important;
}

.pro-chart-2d-chart {
  height: 100%;
  width: 100%;
  /* display: flex; */
  position: relative;
}
.pro-chart-2d-chart .chart-host {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* .legend-container {
      rect:not(.chart-legend-color) {
        fill: nu-theme-color(background, level0, $alpha: 0.8);
      }
      text {
        fill: nu-theme-on-color(background);
      }
    } */
}
.pro-chart-2d-chart .chart-host.with-legend:not(.with-bottom-legend) {
  --chart-legend-width: 10rem;
}
.pro-chart-2d-chart .chart-host.with-legend:not(.with-bottom-legend) .svg-container {
  /* 1em for extra buffer between chart and legend*/
  width: calc(100% - 1em - var(--chart-legend-width));
}
.pro-chart-2d-chart .chart-host.with-legend:not(.with-bottom-legend) .chart-legend {
  top: 0;
  width: var(--chart-legend-width);
  margin: 0.5em 0.5em 0.5em 0;
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend {
  /* font-size(1em) + padding-bottom(0.2em) + margin-bottom(0.3em) */
  --nw-legend-title-height: 1.5em;
  --nw-chart-legend-height: calc(1em + var(--nw-legend-title-height) + 1.1rem * var(--nw-chart-bottom-legend-row-count));
  display: flex;
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend .svg-container {
  height: calc(100% - var(--nw-chart-legend-height));
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend .chart-legend {
  left: 0;
  height: var(--nw-chart-legend-height);
  margin-right: 1em;
  display: flex;
  flex-direction: column;
  margin-left: 1em;
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend .chart-legend .chart-legend-entries-container {
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
}
.pro-chart-2d-chart .chart-host.with-legend.with-bottom-legend .chart-legend .chart-legend-entries-container .chart-legend-label {
  min-width: 5em;
  padding-right: 0.5em;
}
.pro-chart-2d-chart .chart-host:not(.loading) .chart-loading {
  pointer-events: none;
  opacity: 0;
  /* background: nu-theme-color(background, level0, $alpha: 1); */
}
.pro-chart-2d-chart .chart-host.loading .chart-legend {
  display: none;
}
.pro-chart-2d-chart .chart-host.loading .svg-container {
  opacity: 0.4;
}
.pro-chart-2d-chart .chart-host.clickable .chart-legend-entry {
  cursor: pointer;
}
.pro-chart-2d-chart .chart-host.clickable .chart-legend-entry:hover {
  background: rgb(var(--nw-color-neutral-200));
  /* background: nu-theme-color(background, level3); */
}
.pro-chart-2d-chart .chart-host .x-axis .tick text,
.pro-chart-2d-chart .chart-host .y-axis .tick text {
  color: rgba(var(--nw-color-neutral-1000) / 0.8);
  /* color: nu-theme-on-color(background, $alpha: 0.8); */
}
.pro-chart-2d-chart .chart-host .x-axis .tick line,
.pro-chart-2d-chart .chart-host .y-axis .tick line {
  color: rgb(var(--nw-color-neutral-300));
  /* color: nu-theme-color(border, level1); */
}
.pro-chart-2d-chart .chart-host .y-axis .tick:first-of-type line {
  color: rgb(var(--nw-color-neutral-500));
  /* color: nu-theme-color(border, level3); */
  /* color: rgb(147, 147, 147); */
}
.pro-chart-2d-chart .chart-host .axis-label {
  fill: rgb(var(--nw-color-neutral-1000));
  /* fill: nu-theme-on-color(background); */
}
.pro-chart-2d-chart .svg-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  font-weight: normal;
  /* @include nu-normal-font-weight(); */
}
.pro-chart-2d-chart .chart-legend {
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.pro-chart-2d-chart .chart-legend .chart-legend-title {
  padding-bottom: 0.2em;
  margin-bottom: 0.3em;
  /* border-bottom: 1px solid nu-theme-color(border, level3); */
  border-bottom: 1px solid #939393;
}
.pro-chart-2d-chart .chart-legend .chart-legend-entry {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.1em;
}
.pro-chart-2d-chart .chart-legend .chart-legend-entry.hovered {
  /* @include nu-bold-font-weight(); */
  font-weight: 700;
}
.pro-chart-2d-chart .chart-legend .chart-legend-color {
  border: 1px solid black;
  height: 0.8em;
  width: 0.8em;
  flex-shrink: 0;
  margin-right: 0.3em;
}
.pro-chart-2d-chart .chart-legend .chart-legend-label {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-chart-fgt-discrete-heat-map .chart-host.clickable g.dataset {
  cursor: pointer;
}
.pro-chart-fgt-discrete-heat-map .chart-host .horizontal-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-discrete-heat-map .chart-host g.dataset {
  transition: opacity 0.2s;
}
.pro-chart-fgt-discrete-heat-map .chart-host .with-hovered g.dataset:not(.hovered) {
  opacity: 0.5;
}

.np-column-filter__types {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0 0.25rem;
  width: fit-content;
}

.np-pro-search-filter__popover {
  border: 1px solid rgb(var(--nw-color-neutral-1000));
  box-shadow: 1px 1px 1px 1px rgba(var(--nw-color-neutral-1000) / 0.25);
}
.np-pro-search-filter__form {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.np-pro-search-filter__form *[class^='np-pro-search'] {
  box-sizing: border-box;
}
.np-pro-search-filter__form-header {
  padding: 0.5rem 0;
  text-align: center;
  background-color: rgb(var(--nw-color-navbar-title));
  color: rgb(var(--nw-color-on-navbar));
}
.nw-dark .np-pro-search-filter__form-header {
  background-color: rgb(var(--nw-color-navbar-title));
  color: rgb(var(--nw-color-on-navbar));
}
.nw-dark-contrast .np-pro-search-filter__form-header {
  background-color: rgb(var(--nw-color-navbar-title));
  color: rgb(var(--nw-color-on-navbar));
}
.np-pro-search-filter__form-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.np-pro-search-filter__form-footer {
  border-top: 1px solid rgb(var(--nw-color-border));
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.np-pro-search-filter__actions-footer {
  justify-content: space-between;
  padding: 0.5rem;
}
.np-pro-search-filter__actions-footer > :first-child {
  display: flex;
  gap: 0.25rem;
}
.np-pro-search-filter__action-button {
  padding: 0 0.25rem;
}
.np-pro-search-filter__action-button .button--text {
  justify-content: flex-start;
}
.np-pro-search-filter__action-button .button__label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.np-pro-search-filter__row-cell {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.np-pro-search-filter__flex-row-cell {
  display: flex;
  gap: 0.25rem;
}
tr:not(:first-child) .np-pro-search-filter__row-cell {
  padding-top: 0.25rem;
}

.np-pro-search-text-filter__search {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0 0.25rem;
}
.np-pro-search-filter__button::part(base) {
  background: transparent !important;
  border: none !important;
}
.np-pro-search-text-filter__list-title {
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: rgb(var(--nw-color-border));
  padding: 0.25rem;
  text-align: center;
}
.np-pro-search-text-filter__item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  cursor: pointer;
  color: rgb(var(--nw-color-neutral-1000));
}
.np-pro-search-text-filter__item:hover {
  background-color: rgb(var(--nw-color-primary-100));
}
.np-pro-search-text-filter__item nw-icon {
  min-height: 16px;
  min-width: 16px;
}
.nw-column-suggest-filter__item--checked {
  color: rgb(var(--nw-color-success-500));
}
.np-pro-search-text-filter__item-label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.np-pro-search-text-filter__selected-box-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  max-width: 330px;
  max-height: 135px;
  overflow-y: auto;
}
@media (max-height: 680px) {
  .np-pro-search-text-filter__selected-box-container {
    max-height: 78px;
  }
}
.np-pro-search-text-filter__selected-box {
  max-width: 140px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  border-style: solid;
  border-width: var(--nw-input-border-width);
  border-color: rgb(var(--nw-panel-border-color));
  border-radius: var(--nw-input-height-medium);
  font-family: var(--nw-input-font-family);
  font-size: var(--nw-button-font-size-medium);
  color: rgb(var(--nw-color-neutral-800));
  background-color: rgba(var(--nw-color-primary-500) / 0.2);
  padding: 0px 0px 0px 6px;
  line-height: 1rem;
  height: calc(1.9em - 4px);
}
.np-pro-search-text-filter__selected-box span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.np-pro-search-text-filter__selected-box .nw-iconbutton {
  padding: 0 0 0 2px;
}

.pro-chart-cluster-tooltip-content-component table.nu-table > thead > tr > th {
  background-color: unset;
  /* border-bottom: 1px solid nu-theme-color(border, level2, $override: table-border); */
  border-bottom: 1px solid rgb(var(--nw-color-neutral-400));
}
.pro-chart-cluster-tooltip-content-component table.nu-table.highlight thead > tr > th,
.pro-chart-cluster-tooltip-content-component table.nu-table.highlight tr.highlight {
  /* @include nu-bold-font-weight(); */
  font-weight: 700;
}
.pro-chart-cluster-tooltip-content-component table.nu-table.highlight > tbody > tr.highlight > td.label-cell:first-of-type:not([colspan]) {
  /* color: nu-theme-on-color(background); */
  color: rgb(var(--nw-color-neutral-1000));
}
.pro-chart-cluster-tooltip-content-component .table-cell-container > td {
  vertical-align: top;
}
.pro-chart-cluster-tooltip-content-component .label-cell {
  display: flex;
  align-items: center;
}
.pro-chart-cluster-tooltip-content-component .label-cell .label-color {
  border: 1px solid black;
  height: 0.7em;
  width: 0.7em;
  margin-right: 0.3em;
}

.np-pro-search-filter__types {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0 0.25rem;
  width: fit-content;
}
.np-pro-search-filter__radio--min-size::part(button) {
  min-width: 50px;
}

.pro-chart-fgt-line-chart .chart-host.clickable:not(.areaSelectable) path.dataset {
  cursor: pointer;
}
.pro-chart-fgt-line-chart .chart-host.clickable circle.tooltip-indicator {
  cursor: pointer;
}
.pro-chart-fgt-line-chart .chart-host .vertical-focus-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-line-chart .chart-host path.dataset {
  opacity: 1;
  transition: opacity 0.2s, stroke-width 0.2s;
}
.pro-chart-fgt-line-chart .chart-host .with-hovered path.dataset:not(.hovered) {
  opacity: 0.5;
}

.pro-chart-fgt-stacked-area-chart .chart-host.clickable:not(.areaSelectable) path.dataset {
  cursor: pointer;
}
.pro-chart-fgt-stacked-area-chart .chart-host.clickable circle.tooltip-indicator {
  cursor: pointer;
}
.pro-chart-fgt-stacked-area-chart .chart-host .vertical-focus-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-stacked-area-chart .chart-host path.dataset {
  opacity: 1;
  transition: opacity 0.2s, stroke-width 0.2s;
}
.pro-chart-fgt-stacked-area-chart .chart-host .with-hovered path.dataset:not(.hovered) {
  opacity: 0.5;
}

.pro-chart-fgt-area-chart .chart-host.clickable:not(.areaSelectable) path.dataset {
  cursor: pointer;
}
.pro-chart-fgt-area-chart .chart-host.clickable circle.tooltip-indicator {
  cursor: pointer;
}
.pro-chart-fgt-area-chart .chart-host .vertical-focus-hover-line {
  stroke: rgb(var(--nw-color-primary));
  /* stroke: nu-theme-color(selected, base); */
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pro-chart-fgt-area-chart .chart-host path.dataset {
  opacity: 1;
  transition: opacity 0.2s, stroke-width 0.2s;
}
.pro-chart-fgt-area-chart .chart-host .with-hovered path.dataset:not(.hovered) {
  opacity: 0.5;
}

.nw-stack {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.nw-stack .nw-core-icon svg {
  position: absolute;
}
/* Stack icon on the bottom right */
.nw-stack-br {
  position: absolute;
  bottom: -0.25em;
  right: -0.25em;
  height: 0.75em;
  width: 0.75em;
  border-radius: 9999px;
  border: 1px solid rgb(var(--nw-color-neutral-0));
  background-color: rgb(var(--nw-color-neutral-0));
}
.nw-stack-tr {
  position: absolute;
  top: -0.25em;
  right: -0.25em;
  height: 0.5em;
  width: 0.5em;
  border-radius: 9999px;
  background-color: rgb(var(--nw-color-neutral-0));
  padding: 0.075em;
}

.nw-panel-border {
  outline: 1px solid rgb(var(--nw-input-border-color));
}
.nw-panel-border .nw-panel-border {
  outline: none;
}

.nw-gap-small {
  display: flex;
  gap: 0.25rem;
}
.nw-gap-medium {
  display: flex;
  gap: 0.5rem;
}
.nw-gap-large {
  display: flex;
  gap: 0.75rem;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgb(var(--nw-color-neutral-400));
  border-radius: 5px;
  min-height: 9px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
@-moz-document url-prefix() {
  * {
    scrollbar-width: auto;
    /* thin | auto */
    scrollbar-color: rgb(var(--nw-color-neutral-400)) transparent;
    /* thumb color | track color */
  }
}

.np-section-title,
.nw-section__header--neutral,
.nw-collapsible-section__header--neutral {
  background-color: rgb(var(--nw-color-header-300));
  color: rgb(var(--nw-color-header-1000));
}
.np-theme-dark-matter .np-section-title,
.np-theme-dark-matter .nw-section__header--neutral,
.np-theme-dark-matter .nw-collapsible-section__header--neutral {
  background-color: rgb(var(--nw-color-header-200));
}
.nw-section__header .nw-button,
.nw-collapsible-section__header .nw-button {
  padding-bottom: 0.1rem;
  padding-top: 0.1rem;
}
.nw-section__header .nw-button > *,
.nw-collapsible-section__header .nw-button > * {
  line-height: 1.2rem;
}
.nw-section__summary .nw-core-icon,
.nw-collapsible-section__summary .nw-core-icon {
  font-size: 0.95rem;
  line-height: 1.9rem;
}

.np-body {
  container: nw-form-body / inline-size;
}
@container nw-form-body (width > 30rem) {
  .np-row {
    gap: 1rem;
  }
  .np-row > .np-col-rest {
    flex-grow: 1;
    flex-basis: 0;
    min-width: 14rem;
  }
  .np-row > .np-col-ind-1 {
    margin-left: 1rem;
  }
  .np-row > .np-col-ind-2 {
    margin-left: 2rem;
  }
  .np-row > .np-col-xs {
    width: 6rem;
  }
  .np-row > .np-col-xs.np-col-ind-1 {
    width: 5rem;
  }
  .np-row > .np-col-xs.np-col-ind-2 {
    width: 4rem;
  }
  .np-row > .np-col-sm {
    width: 13rem;
  }
  .np-row > .np-col-sm.np-col-ind-1 {
    width: 12rem;
  }
  .np-row > .np-col-sm.np-col-ind-2 {
    width: 11rem;
  }
  .np-row > .np-col-md {
    width: 20rem;
  }
  .np-row > .np-col-md.np-col-ind-1 {
    width: 19rem;
  }
  .np-row > .np-col-md.np-col-ind-2 {
    width: 18rem;
  }
  .np-row > .np-col-lg {
    width: 27rem;
  }
  .np-row > .np-col-lg.np-col-ind-1 {
    width: 26rem;
  }
  .np-row > .np-col-lg.np-col-ind-2 {
    width: 25rem;
  }
  .np-row > .np-col-xl {
    width: 34rem;
  }
  .np-row > .np-col-xl.np-col-ind-1 {
    width: 33rem;
  }
  .np-row > .np-col-xl.np-col-ind-2 {
    width: 32rem;
  }
  .np-row.hover-effect:hover .np-label {
    text-decoration: underline;
  }
}
@container nw-form-body (width <= 40rem) {
  .np-section-body {
    width: 100%;
  }
  .np-row > .np-col > .nw-radio-button-group {
    flex-wrap: wrap;
  }
}
@container nw-form-body (width > 30rem) and (width <= 40rem) {
  .np-row > .np-label {
    max-width: 19rem;
  }
}
@container nw-form-body (width <= 30rem) {
  .np-row {
    flex-wrap: wrap;
    gap: 0;
  }
  .np-row > .np-label {
    padding-left: 0;
  }
  .np-row > .np-col {
    width: 100%;
  }
}
.np-section > nw-details::part(base) {
  border: 0;
}
.np-section > nw-details::part(content) {
  padding: 0;
}
.np-section > nw-details::part(header) {
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  background-color: rgb(var(--nw-color-header-300));
  margin-bottom: 0.5rem;
}
.np-section > nw-details::part(summary) {
  flex-grow: 0;
}
.np-section .section-tooltip::part(base) {
  background-color: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-neutral-1000));
  box-shadow: 2px 2px 8px rgb(var(--nw-color-neutral-1000));
}
.np-theme-dark-matter .np-section > nw-details::part(header) {
  background-color: rgb(var(--nw-color-header-200));
}
.np-subsection > nw-details::part(base) {
  border: 0;
}
.np-subsection > nw-details::part(content) {
  padding: 0;
}
.np-subsection > nw-details::part(header) {
  padding: 0.5rem 0rem;
  gap: 0.5rem;
  background-color: rgb(var(--nw-color-transparent));
  font-weight: bold;
}
.np-subsection > nw-details::part(summary) {
  flex-grow: 0;
}
.nw-dialog .np-footer,
.nw-drawer .np-footer {
  padding: 10px 15px;
}
.nw-dialog .np-footer .nw-button,
.nw-drawer .np-footer .nw-button {
  min-width: 8rem;
}
.nw-drawer .np-header {
  height: 36px;
  padding: 7.5px 15px;
}
.nw-dialog .np-header {
  height: 45px;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
}
.nw-dialog .np-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.nw-notification {
  z-index: 1000;
}
.nw-notification-top,
.nw-notification-topLeft,
.nw-notification-topRight {
  top: 30px;
  flex-direction: column;
}
.nw-notification-top {
  inset: 30px auto auto 50%;
  transform: translateX(-50%);
}
.nw-notification-topRight {
  right: 0;
}
/* to leave space for minimized modal */
.nw-notification-bottom,
.nw-notification-bottomLeft,
.nw-notification-bottomRight {
  bottom: 35px;
  flex-direction: column-reverse;
}
.nw-notification-bottom {
  inset: auto auto 35px 50%;
  transform: translateX(-50%);
}
.nw-notification-bottomRight {
  right: 0;
}
.nw-notification .alert--primary {
  background-color: rgb(var(--nw-color-primary-500));
}
.nw-notification .alert--primary,
.nw-notification .alert--primary.alert__icon {
  color: rgb(var(--nw-color-on-primary));
}
.nw-notification .alert--success {
  background-color: rgb(var(--nw-color-success-500));
}
.nw-notification .alert--success,
.nw-notification .alert--success.alert__icon {
  color: rgb(var(--nw-color-on-msg-green));
}
.nw-notification .alert--neutral {
  background-color: rgb(var(--nw-color-neutral-500));
}
.nw-notification .alert--neutral,
.nw-notification .alert--neutral.alert__icon {
  color: rgb(var(--nw-color-on-msg-gray));
}
.nw-notification .alert--warning {
  background-color: rgb(var(--nw-color-warning-500));
}
.nw-notification .alert--warning,
.nw-notification .alert--warning.alert__icon {
  color: rgb(var(--nw-color-on-msg-orange));
}
.nw-notification .alert--danger {
  background-color: rgb(var(--nw-color-danger-500));
}
.nw-notification .alert--danger,
.nw-notification .alert--danger.alert__icon {
  color: rgb(var(--nw-color-on-msg-red));
}
/* Button inside Notification should have clear border */
.nw-notification nw-button::part(base) {
  border-color: rgb(var(--nw-color-neutral-0));
}

.pro-calendar .pro-calendar-day:hover .date {
  background-color: rgb(var(--nw-color-primary-600));
  border-radius: 50%;
  color: rgb(var(--nw-color-neutral-0));
}
.pro-calendar-year-control svg {
  color: rgb(var(--nw-color-primary-500));
}
.pro-calendar-year-control button {
  background: rgb(var(--nw-color-neutral-100));
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.pro-calendar-year-control span {
  font-size: 1.2em;
}

.message-box-container {
  max-width: 85%;
}
.message-box-container.system {
  width: 85%;
}
.message-box-container.system .message-box {
  width: 85%;
  border-radius: 0 0.7em 0.7em 0.7em;
  background: rgb(var(--nw-color-neutral-0));
  border-color: rgb(var(--nw-color-border));
}
.message-box-container.user .message-box {
  border-radius: 0.7em 0.7em 0 0.7em;
  background: rgb(var(--nw-color-primary-100));
}
.message-box-container .message-box {
  box-shadow: var(--nw-shadow-x-small);
}
.message-box-container .message-box.system {
  width: 85%;
  border-radius: 0 0.7em 0.7em 0.7em;
  background: rgb(var(--nw-color-neutral-0));
}
.message-box-container .message-box.thinking {
  border-radius: 0rem;
}
.message-box-container .message-box.thinking span.thinking-spinner:nth-child(1) {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 0.125rem;
  background: linear-gradient(to right, rgb(var(--nw-color-neutral-100)), rgb(var(--nw-color-primary-600)));
  animation: animate1 2s linear infinite;
}
@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.message-box-container .message-box.thinking span.thinking-spinner:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0.125rem;
  background: linear-gradient(to bottom, rgb(var(--nw-color-neutral-100)), rgb(var(--nw-color-primary-600)));
  animation: animate2 2s linear infinite;
  animation-delay: 1s;
}
@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}
.message-box-container .message-box.thinking span.thinking-spinner:nth-child(3) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0.125rem;
  background: linear-gradient(to left, rgb(var(--nw-color-neutral-100)), rgb(var(--nw-color-primary-600)));
  animation: animate3 2s linear infinite;
}
@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.message-box-container .message-box.thinking span.thinking-spinner:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0.125rem;
  background: linear-gradient(to top, rgb(var(--nw-color-neutral-100)), rgb(var(--nw-color-primary-600)));
  animation: animate4 2s linear infinite;
  animation-delay: 1s;
}
@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: rgb(var(--nw-color-primary-600));
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: rgb(var(--nw-color-primary-600));
  stroke-miterlimit: 10;
  animation: scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 2rem #fff;
  }
}
.circular-loader {
  transform-origin: center center;
  animation: rotate 2s linear infinite;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: block;
}
.loader-path {
  -webkit-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: rgb(var(--nw-color-primary-600));
  fill: none;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

.typewriter-typing::after {
  content: '';
  position: absolute;
  display: inline-block;
  background-color: rgb(var(--nw-color-neutral-500));
  vertical-align: top;
  width: 0.5rem;
  height: 0.8rem;
  bottom: 0.3rem;
  -webkit-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.suggestion-panel .suggestion {
  animation: fadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.nw-gap-small {
  display: flex;
  gap: 0.25rem;
}
.nw-gap-medium {
  display: flex;
  gap: 0.5rem;
}
.nw-gap-large {
  display: flex;
  gap: 0.75rem;
}
.nwp-popup-menu {
  box-sizing: border-box;
  background-color: rgb(var(--nw-color-panel-50));
  color: rgb(var(--nw-color-neutral-1000));
  font-size: 1rem;
  outline: none;
  padding: 5px 0;
  text-align: left;
  transition: opacity 250ms ease !important;
  max-width: 80vw;
  opacity: 0;
  pointer-events: none;
  border: solid 1px rgb(var(--nw-color-border-300));
  max-height: 95vh;
  overflow-y: auto;
}
.nwp-popup-menu:empty {
  border: none;
}
.nwp-popup-menu--opened {
  opacity: 1;
  pointer-events: auto;
  z-index: var(--nw-z-index-dialog);
}
.nwp-popup-menu__item {
  box-sizing: border-box;
  min-width: 160px;
  color: rgb(var(--nw-color-neutral-1000));
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding: 0.2rem 1rem;
  text-align: inherit;
  white-space: nowrap;
  align-items: center;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  line-height: 1.7;
  font-size: 1rem;
}
.nwp-popup-menu__item--active {
  text-decoration: none;
  outline: none;
  background-color: rgb(var(--nw-color-panel-50-hover));
}
.nwp-popup-menu__item--disabled {
  opacity: var(--nw-disabled-opacity);
  cursor: not-allowed;
}
.nwp-popup-menu__divider {
  box-sizing: border-box;
  min-width: 0;
  border-bottom: 1px solid rgb(var(--nw-color-neutral-1000));
  cursor: default;
  margin-bottom: 3px;
  padding: 2px 0;
}

.np-column-filter__popover {
  border: 1px solid rgb(var(--nw-color-neutral-1000));
  box-shadow: 1px 1px 1px 1px rgba(var(--nw-color-neutral-1000) / 0.25);
}
.np-column-filter__form {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.np-column-filter__form *[class^='np-column'] {
  box-sizing: border-box;
}
.np-column-filter__form-header {
  padding: 0.5rem 0;
  text-align: center;
  background-color: rgb(var(--nw-color-neutral));
  color: rgb(var(--nw-color-neutral-0));
}
.nw-dark .np-column-filter__form-header {
  background-color: rgb(var(--nw-color-primary-200));
  color: rgb(var(--nw-color-on-primary));
}
.nw-dark-contrast .np-column-filter__form-header {
  background-color: rgb(var(--nw-color-primary-400));
  color: rgb(var(--nw-color-on-primary));
}
.np-column-filter__form-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.np-column-filter__form-footer {
  border-top: 1px solid rgb(var(--nw-color-border));
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.np-column-filter__actions-footer {
  justify-content: space-between;
  padding: 0.5rem;
}
.np-column-filter__actions-footer > :first-child {
  display: flex;
  gap: 0.25rem;
}
.np-column-filter__action-button {
  padding: 0 0.25rem;
}
.np-column-filter__action-button .button--text {
  justify-content: flex-start;
}
.np-column-filter__action-button .button__label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.np-column-filter__input {
  min-width: 8rem;
  flex-grow: 1;
}
.np-column-filter__row-cell {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.np-column-filter__flex-row-cell {
  display: flex;
  gap: 0.25rem;
}
tr:not(:first-child) .np-column-filter__row-cell {
  padding-top: 0.25rem;
}

.np-column-text-filter__search {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0 0.25rem;
}
.np-column-filter__input {
  width: 100%;
}
.np-column-filter__input .nw-input .input__suffix > :last-child {
  margin-right: 0;
  display: flex;
}
.np-column-text-filter__list-title {
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: rgb(var(--nw-color-border));
  padding: 0.25rem;
  text-align: center;
}
.np-column-text-filter__item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  cursor: pointer;
  color: rgb(var(--nw-color-neutral-1000));
}
.np-column-text-filter__item:hover {
  background-color: rgb(var(--nw-color-primary-100));
}
.np-column-text-filter__item nw-icon {
  min-height: 16px;
  min-width: 16px;
}
.nw-column-suggest-filter__item--checked {
  color: rgb(var(--nw-color-success-500));
}
.np-column-text-filter__selected-box-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  max-width: 330px;
  max-height: 135px;
  overflow-y: auto;
}
@media (max-height: 680px) {
  .np-column-text-filter__selected-box-container {
    max-height: 78px;
  }
}
.np-column-text-filter__selected-box {
  max-width: 140px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  border-style: solid;
  border-width: var(--nw-input-border-width);
  border-color: rgb(var(--nw-panel-border-color));
  border-radius: var(--nw-input-height-medium);
  font-family: var(--nw-input-font-family);
  font-size: var(--nw-button-font-size-medium);
  color: rgb(var(--nw-color-neutral-800));
  background-color: rgba(var(--nw-color-primary-500) / 0.2);
  padding: 0px 6px;
  line-height: 1rem;
  height: calc(1.9em - 4px);
}
.np-column-text-filter__selected-box span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.np-column-text-filter__selected-box .nw-iconbutton {
  padding: 0 0 0 2px;
}

.nw-table-settings {
  z-index: var(--np-z-index-sticky-column);
}
.nw-table-settings:only-child {
  position: static;
}
.nw-table-settings .nw-button {
  width: 27px;
}
.nw-table-settings__item {
  margin: 0 0.25rem;
  border: none;
  padding: 0.5rem 0.25rem;
  cursor: pointer;
  white-space: nowrap;
  min-width: 13rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: inherit;
  color: inherit;
  background-color: inherit;
}
.nw-table-settings__item:hover {
  background-color: rgb(var(--nw-color-panel-50-hover));
}
.nw-table-settings__item:hover,
.nw-table-settings__item:focus,
.nw-table-settings__item:focus-within {
  z-index: 10;
  position: relative;
}
.nw-table-settings__footer .nw-table-settings__item {
  padding: 0.5rem 0.75rem;
}
.nwp-table__header-rows {
  /* NOTE: update `calHeaderHeight` fn when update border height */
  border-bottom: 1px solid rgb(var(--nw-color-border-200));
}
.nwp-table__header-row {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.nwp-table__header-cell {
  border-right: 1px solid rgb(var(--nw-color-border-200));
  position: relative;
  cursor: default;
}
.nwp-table__header-row--reordering .nwp-table__header-cell {
  user-select: none;
  pointer-events: none;
}
.nwp-table__header-cell:last-child {
  border-right: none;
}
.nwp-table__header-cell-center {
  flex-grow: 1;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.nwp-table__header-row:has(.nw-table-settings) .nwp-table__header-cell:nth-last-child(2) {
  padding-right: calc(27px + 7px);
}
.nwp-table__header-row:has(.nw-table-settings) .nwp-table__header-cell:nth-last-child(2) .BaseTable__column-resizer {
  right: 27px;
}
.nwp-table__header-rows,
.nwp-table__header-cell {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-header-200));
}
.nwp-table__header-cell:focus,
.nwp-table__header-cell:focus-within {
  outline: rgb(var(--nw-color-primary-500)) solid 1px;
  outline-offset: -1px;
}
.nw-dark .nwp-table__header-cell:focus,
.nw-dark .nwp-table__header-cell:focus-within {
  outline: rgb(var(--nw-color-neutral-1000)) solid 1px;
  outline-offset: -1px;
}

.nw-table-settings {
  z-index: var(--np-z-index-sticky-column);
}
.nw-table-settings:only-child {
  position: static;
}
.nw-table-settings .nw-button {
  width: 27px;
}
.nw-table-settings__item {
  margin: 0 0.25rem;
  border: none;
  padding: 0.5rem 0.25rem;
  cursor: pointer;
  white-space: nowrap;
  min-width: 13rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: inherit;
  color: inherit;
  background-color: inherit;
}
.nw-table-settings__item:hover {
  background-color: rgb(var(--nw-color-panel-50-hover));
}
.nw-table-settings__item:hover,
.nw-table-settings__item:focus,
.nw-table-settings__item:focus-within {
  z-index: 10;
  position: relative;
}
.nw-table-settings__footer .nw-table-settings__item {
  padding: 0.5rem 0.75rem;
}

.nwpro_donut_chart_table {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.nwpro_donut_chart_table .donut-charts-container {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}
.nwpro_donut_chart_table .donut-charts-container.chart-show {
  opacity: 1;
  max-height: 400px;
  transition: max-height 0.3s, opacity 0.5s;
  padding: 0.5rem;
}
.nwpro_donut_chart_table .donut-charts-container.chart-hide {
  opacity: 0;
  max-height: 0px;
  transition: max-height 0.3s, opacity 0.5s;
}
.nwpro_donut_chart_table .donut-charts-container .card {
  box-shadow: none;
  outline: 1px solid rgb(var(--nw-color-border));
  background-color: rgb(var(--nw-color-neutral-0));
  max-width: 500px;
  height: 175px;
  flex: 1 1 0;
  position: relative;
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container {
  position: relative;
  padding: 0.25rem;
  display: flex;
  align-items: center;
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container.active {
  cursor: pointer;
  color: rgb(var(--nw-color-on-primary));
  background-color: rgb(var(--nw-color-primary));
  border-color: rgb(var(--nw-color-primary));
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container.active .filter-icon {
  position: absolute;
  right: 0.25rem;
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container.active:hover,
.nwpro_donut_chart_table .donut-charts-container .chart-title-container.active:focus {
  background-color: rgb(var(--nw-color-primary-400));
}
.nwpro_donut_chart_table .donut-charts-container .chart-title-container .chart-title {
  width: 90%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nwpro_donut_chart_table .table-container {
  flex: 1;
}
.nwpro_donut_chart_table .table-container.table-expand {
  height: calc(100vh - 45px);
  transition: height 0.3s;
}
.nwpro_donut_chart_table .table-container .nwp-toolbar .right-items .reset-icon {
  top: -0.125rem;
}

/* For general input style. Some inputs does not need the focus one. */
.fi-input-border:not(disabled) {
  outline: none;
  border: 1px solid rgb(var(--nw-color-border));
}
.fi-input-border:not(disabled):hover {
  border-color: rgb(var(--nw-input-border-color-hover));
}
/* For general input focus style */
.fi-input-focused:not(disabled):focus {
  outline: none;
  box-shadow: rgb(var(--nw-color-neutral-1000) / 25%) 0px 1px 7px 0px, rgb(var(--nw-color-neutral-1000) / 25%) 0px 0px 3px 0px;
  border-color: rgb(var(--nw-input-border-color-focus));
}
.tw-dark .treeview-icon {
  color: rgb(var(--nw-color-neutral-1000));
}
.nw-dark-contrast [data-tag='wl-item'][aria-current='true'] nw-icon::part(base),
.nw-dark-contrast [data-tag='wl-item'][aria-selected='true'] nw-icon::part(base),
.nw-dark-contrast [data-tag='wl-item']:hover nw-icon::part(base),
.nw-dark-contrast [data-tag='wl-item'][aria-current='true'] nw-icon-button:not([disabled])::part(base),
.nw-dark-contrast [data-tag='wl-item'][aria-selected='true'] nw-icon-button:not([disabled])::part(base),
.nw-dark-contrast [data-tag='wl-item']:hover nw-icon-button:not([disabled])::part(base),
.nw-dark-contrast [data-tag='wl-item'][aria-current='true'] nw-icon-button:not([disabled])::part(base):focus,
.nw-dark-contrast [data-tag='wl-item'][aria-selected='true'] nw-icon-button:not([disabled])::part(base):focus,
.nw-dark-contrast [data-tag='wl-item']:hover nw-icon-button:not([disabled])::part(base):focus,
.nw-dark-contrast [data-tag='wl-item'][aria-current='true'] nw-icon-button:not([disabled])::part(base):hover,
.nw-dark-contrast [data-tag='wl-item'][aria-selected='true'] nw-icon-button:not([disabled])::part(base):hover,
.nw-dark-contrast [data-tag='wl-item']:hover nw-icon-button:not([disabled])::part(base):hover {
  color: rgb(var(--nw-color-neutral-1000));
}
.widget-error {
  color: rgb(var(--nw-color-danger-500));
}
.help-block {
  padding-top: 0.25rem;
}

.nw-icon-button {
  margin: 0.125rem;
  color: rgb(var(--nw-color-neutral-1000));
}

.nw-spacer {
  display: inline-block;
  width: 1.5rem;
  flex-shrink: 0;
}

.tw-dark .treeview-icon {
  color: rgb(var(--nw-color-neutral-1000));
}

.nw-fl-search-input {
  flex-grow: 1;
  max-width: 100%;
  min-width: 0;
}

.fi-tooltip {
  position: absolute;
  display: none;
  box-shadow: var(--nw-shadow-small);
}

.fi-tooltip.show {
  display: block;
}

.fi-tooltip[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}

.fi-tooltip-fade {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.fi-tooltip-fade.in {
  opacity: 1;
}

.nw-count-textarea {
  display: block;
}
.nw-count-textarea > textarea {
  resize: vertical;
}
.nw-count-textarea > textarea.mono {
  font-family: monospace;
}
.nw-count-textarea .tip {
  text-align: right;
  font-size: 1rem;
}

body {
  font-family: Lato, Verdana, Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
fi-lrselect {
  display: flex;
}
fi-lrselect .fi-lrs-panel {
  width: 100%;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: 1px solid;
}
fi-lrselect .fi-lrs-panel .fi-lrs-title {
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-200));
  font-weight: bold;
  padding: 0.25rem 0.5rem;
}
fi-lrselect .fi-lrs-panel .fi-lrs-search {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.25rem;
}
fi-lrselect .fi-lrs-panel .fi-lrs-search .search-input {
  width: 100%;
  border: 1px solid rgb(var(--nw-input-border-color));
  color: rgb(var(--nw-color-neutral-1000));
  background-color: rgb(var(--nw-color-neutral-0));
  padding-left: 24 / 16px;
  padding-right: 22 / 16px;
}
fi-lrselect .fi-lrs-panel .fi-lrs-search .clear-search.hide {
  display: none;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont {
  flex-grow: 1;
  position: relative;
  overflow: auto;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont .fi-lrs-scroller {
  width: 1px;
  position: absolute;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont > ul :hover {
  background-color: rgb(var(--nw-color-primary-200));
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont > ul > li {
  white-space: nowrap;
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  user-select: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-cont > ul > li > .content .detail {
  font-size: 0.85em;
  color: rgb(var(--nw-color-neutral-1000));
}
fi-lrselect .fi-lrs-panel > .fi-lrs-controls {
  padding: 4 / 16px;
  display: flex;
  align-items: center;
  border-top: 1px solid #eee;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-controls .btn {
  padding: 2px 5px;
  margin-right: 4px;
}
fi-lrselect .fi-lrs-panel > .fi-lrs-controls > .message {
  margin-left: auto;
}
fi-lrselect .btns {
  flex-basis: 40 / 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4 / 16px;
}

.CodeMirror-search-match {
  background: gold;
  border-top: 1px solid orange;
  border-bottom: 1px solid orange;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: .5;
}

.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
}

.CodeMirror-dialog button {
  font-size: 70%;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */

.Modal__overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  flex-direction: column;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(40, 40, 40, 0.6);
  flex-grow: 0px;
  flex-shrink: 1px;
  z-index: 1000;
}
.Modal__modal {
  padding: 20px;
  min-height: 100px;
  min-width: 300px;
  display: flex;
  flex-grow: 0px;
  background-color: #fff;
  flex-direction: column;
  position: relative;
  box-shadow: 0 0 20px 0 #444;
  border-radius: 10px;
}
.Modal__title {
  color: #444;
  margin: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.Modal__closeButton {
  border: 0px;
  position: absolute;
  right: 20px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  background-color: #eee;
}
.Modal__closeButton:hover {
  background-color: #ddd;
}
.Modal__content {
  padding-top: 20px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

.color-picker-wrapper {
  padding: 20px;
  box-sizing: content-box;
}

.color-picker-basic-color {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.color-picker-basic-color button {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  list-style-type: none;
}

.color-picker-basic-color button.active {
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.color-picker-saturation {
  width: 100%;
  position: relative;
  margin-top: 15px;
  height: 150px;
  background-image:
    linear-gradient(transparent, black),
    linear-gradient(to right, white, transparent);
  user-select: none;
}
.color-picker-saturation_cursor {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 15px #00000026;
  box-sizing: border-box;
  transform: translate(-10px, -10px);
}
.color-picker-hue {
  width: 100%;
  position: relative;
  margin-top: 15px;
  height: 12px;
  background-image: linear-gradient(
    to right,
    rgb(255, 0, 0),
    rgb(255, 255, 0),
    rgb(0, 255, 0),
    rgb(0, 255, 255),
    rgb(0, 0, 255),
    rgb(255, 0, 255),
    rgb(255, 0, 0)
  );
  user-select: none;
  border-radius: 12px;
}

.color-picker-hue_cursor {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: #0003 0 0 0 0.5px;
  box-sizing: border-box;
  transform: translate(-10px, -4px);
}

.color-picker-color {
  border: 1px solid #ccc;
  margin-top: 15px;
  width: 100%;
  height: 20px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */

.Input__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.Input__label {
  display: flex;
  flex: 1;
  color: #666;
}
.Input__input {
  display: flex;
  flex: 2;
  border: 1px solid #999;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  border-radius: 5px;
  min-width: 0;
}

.faz-report-fazchart-selected {
  box-shadow: 0px 0px 0px 5px navy;
}

.faz-report-fazchart-selected {
  box-shadow: 0px 0px 0px 5px navy;
}

.report-editor-container .fazimage {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px #ebebeb;
  white-space: nowrap;
  box-sizing: border-box;
}

.report-editor-container .fazimage.active {
  border-color: rgb(14, 165, 233);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 0 0 3px rgb(14 165 233 / 40%);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.report-editor-container .fazimage.editable:hover {
  outline: 3px solid #ffc83d;
  transition: outline-color 300ms ease;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

.report-editor-container .editor-image {
  cursor: default;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.report-editor-container .editor-image .image-resizer {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: rgb(60, 132, 244);
  border: 1px solid #fff;
}

.report-editor-container .editor-image .image-resizer.image-resizer-n {
  top: -6px;
  left: 48%;
  cursor: n-resize;
}

.report-editor-container .editor-image .image-resizer.image-resizer-ne {
  top: -6px;
  right: -6px;
  cursor: ne-resize;
}

.report-editor-container .editor-image .image-resizer.image-resizer-e {
  bottom: 48%;
  right: -6px;
  cursor: e-resize;
}

.report-editor-container .editor-image .image-resizer.image-resizer-se {
  bottom: -2px;
  right: -6px;
  cursor: nwse-resize;
}

.report-editor-container .editor-image .image-resizer.image-resizer-s {
  bottom: -2px;
  left: 48%;
  cursor: s-resize;
}

.report-editor-container .editor-image .image-resizer.image-resizer-sw {
  bottom: -2px;
  left: -6px;
  cursor: sw-resize;
}

.report-editor-container .editor-image .image-resizer.image-resizer-w {
  bottom: 48%;
  left: -6px;
  cursor: w-resize;
}

.report-editor-container .editor-image .image-resizer.image-resizer-nw {
  top: -6px;
  left: -6px;
  cursor: nw-resize;
}

.report-editor-container span.inline-editor-image {
  cursor: default;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.report-editor-container .inline-editor-image img {
  max-width: 100%;
  cursor: default;
}

.report-editor-container .inline-editor-image img.focused {
  outline: 2px solid rgb(60, 132, 244);
}

.report-editor-container .inline-editor-image img.focused.draggable {
  cursor: grab;
}

.report-editor-container .inline-editor-image img.focused.draggable:active {
  cursor: grabbing;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

.font-size-input {
  font-weight: bold;
  width: 35px;
}

.font-size-input .nw-input {
  border-color: transparent;
  height: 38px;
}

.font-size-input:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

button.font-decrement {
  padding: 0px;
  margin-right: 3px;
}

button.font-increment {
  padding: 0px;
  margin-left: 3px;
}

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

/* @import url('assets/styles/variables.css'); */

[type='page-break'] {
  position: relative;
  display: block;
  height: 5px;
  width: 100%;
  margin-top: 28px;
  margin-bottom: 28px;

  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
}

[type='page-break']::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: block;
  padding: 2px 6px;
  border: 1px dashed #ccc;
  background-color: #fff;

  content: 'PAGE BREAK';
  font-size: 12px;
  color: #000;
  font-weight: 600;
}

.selected[type='page-break'] {
  border-color: #4766cb;
}

.selected[type='page-break']::before {
  opacity: 1;
}

.findreplace {
  display: flex;
  margin-top: 4px;
}

.findreplace .nw-input,
.findreplace button {
  height: 38px;
}

.source-edit-container {
  height: 100%;
  overflow: auto;
}

.link-editor {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  max-width: 400px;
  width: 100%;
  opacity: 0;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 8px 8px;
  transition: opacity 0.5s;
  will-change: transform;
}

.link-editor .button {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 2px;
}

.link-editor .button.hovered {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #eee;
}

.link-editor .button i,
.actions i {
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: -0.25em;
}

.jse-theme-dark {
  --jse-theme: dark;

  /* over all fonts, sizes, and colors */
  --jse-theme-color: #2f6dd0;
  --jse-theme-color-highlight: #467cd2;
  --jse-background-color: #1e1e1e;
  --jse-text-color: #d4d4d4;
  --jse-text-color-inverse: #4d4d4d;

  /* main, menu, modal */
  --jse-main-border: 1px solid #4f4f4f;
  --jse-menu-color: #fff;
  --jse-modal-background: #2f2f2f;
  --jse-modal-overlay-background: rgba(0, 0, 0, 0.5);
  --jse-modal-code-background: #2f2f2f;

  /* tooltip in text mode */
  --jse-tooltip-color: var(--jse-text-color);
  --jse-tooltip-background: #4b4b4b;
  --jse-tooltip-border: 1px solid #737373;
  --jse-tooltip-action-button-color: inherit;
  --jse-tooltip-action-button-background: #737373;

  /* panels: navigation bar, gutter, search box */
  --jse-panel-background: #333333;
  --jse-panel-background-border: 1px solid #464646;
  --jse-panel-color: var(--jse-text-color);
  --jse-panel-color-readonly: #737373;
  --jse-panel-border: 1px solid #3c3c3c;
  --jse-panel-button-color-highlight: #e5e5e5;
  --jse-panel-button-background-highlight: #464646;

  /* navigation-bar */
  --jse-navigation-bar-background: #656565;
  --jse-navigation-bar-background-highlight: #7e7e7e;
  --jse-navigation-bar-dropdown-color: var(--jse-text-color);

  /* context menu */
  --jse-context-menu-background: #4b4b4b;
  --jse-context-menu-background-highlight: #595959;
  --jse-context-menu-separator-color: #595959;
  --jse-context-menu-color: var(--jse-text-color);
  --jse-context-menu-pointer-background: #737373;
  --jse-context-menu-pointer-background-highlight: #818181;
  --jse-context-menu-pointer-color: var(--jse-context-menu-color);

  /* contents: json key and values */
  --jse-key-color: #9cdcfe;
  --jse-value-color: var(--jse-text-color);
  --jse-value-color-number: #b5cea8;
  --jse-value-color-boolean: #569cd6;
  --jse-value-color-null: #569cd6;
  --jse-value-color-string: #ce9178;
  --jse-value-color-url: #ce9178;
  --jse-delimiter-color: #949494;
  --jse-edit-outline: 2px solid var(--jse-text-color);

  /* contents: selected or hovered */
  --jse-selection-background-color: #464646;
  --jse-selection-background-inactive-color: #333333;
  --jse-hover-background-color: #343434;
  --jse-active-line-background-color: rgba(255, 255, 255, 0.06);
  --jse-search-match-background-color: #343434;

  /* contents: section of collapsed items in an array */
  --jse-collapsed-items-background-color: #333333;
  --jse-collapsed-items-selected-background-color: #565656;
  --jse-collapsed-items-link-color: #b2b2b2;
  --jse-collapsed-items-link-color-highlight: #ec8477;

  /* contents: highlighting of search results */
  --jse-search-match-color: #724c27;
  --jse-search-match-outline: 1px solid #966535;
  --jse-search-match-active-color: #9f6c39;
  --jse-search-match-active-outline: 1px solid #bb7f43;

  /* contents: inline tags inside the JSON document */
  --jse-tag-background: #444444;
  --jse-tag-color: #bdbdbd;

  /* contents: table */
  --jse-table-header-background: #333333;
  --jse-table-header-background-highlight: #424242;
  --jse-table-row-odd-background: rgba(255, 255, 255, 0.1);

  /* controls in modals: inputs, buttons, and `a` */
  --jse-input-background: #3d3d3d;
  --jse-input-border: var(--jse-main-border);
  --jse-button-background: #808080;
  --jse-button-background-highlight: #7a7a7a;
  --jse-button-color: #e0e0e0;
  --jse-button-secondary-background: #494949;
  --jse-button-secondary-background-highlight: #5d5d5d;
  --jse-button-secondary-background-disabled: #9d9d9d;
  --jse-button-secondary-color: var(--jse-text-color);
  --jse-a-color: #55abff;
  --jse-a-color-highlight: #4387c9;

  /* svelte-select */
  --jse-svelte-select-background: #3d3d3d;
  --jse-svelte-select-border: 1px solid #4f4f4f;
  --list-background: #3d3d3d;
  --item-hover-bg: #505050;
  --multi-item-bg: #5b5b5b;
  --input-color: #d4d4d4;
  --multi-clear-bg: #8a8a8a;
  --multi-item-clear-icon-color: #d4d4d4;
  --multi-item-outline: 1px solid #696969;
  --list-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);

  /* color picker */
  --jse-color-picker-background: #656565;
  --jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px;
}