.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;
}

.jsoneditor,.jsoneditor-modal{-webkit-text-size-adjust:none;text-size-adjust:none}.jsoneditor input,.jsoneditor input:not([type]),.jsoneditor input[type=search],.jsoneditor input[type=text],.jsoneditor-modal input,.jsoneditor-modal input:not([type]),.jsoneditor-modal input[type=search],.jsoneditor-modal input[type=text]{height:auto;border:inherit;box-shadow:none;font-size:inherit;box-sizing:inherit;padding:inherit;font-family:inherit;transition:none;line-height:inherit}.jsoneditor input:focus,.jsoneditor input:not([type]):focus,.jsoneditor input[type=search]:focus,.jsoneditor input[type=text]:focus,.jsoneditor-modal input:focus,.jsoneditor-modal input:not([type]):focus,.jsoneditor-modal input[type=search]:focus,.jsoneditor-modal input[type=text]:focus{border:inherit;box-shadow:inherit}.jsoneditor textarea,.jsoneditor-modal textarea{height:inherit}.jsoneditor select,.jsoneditor-modal select{display:inherit;height:inherit}.jsoneditor label,.jsoneditor-modal label{font-size:inherit;font-weight:inherit;color:inherit}.jsoneditor table,.jsoneditor-modal table{border-collapse:collapse;width:auto}.jsoneditor td,.jsoneditor th,.jsoneditor-modal td,.jsoneditor-modal th{padding:0;display:table-cell;text-align:left;vertical-align:inherit;border-radius:inherit}.jsoneditor .autocomplete.dropdown{position:absolute;background:#fff;box-shadow:2px 2px 12px rgba(128,128,128,.3);border:1px solid #d3d3d3;overflow-x:hidden;overflow-y:auto;cursor:default;margin:0;padding:5px;text-align:left;outline:0;font-family:consolas,menlo,monaco,"Ubuntu Mono",source-code-pro,monospace;font-size:14px}.jsoneditor .autocomplete.dropdown .item{color:#1a1a1a}.jsoneditor .autocomplete.dropdown .item.hover{background-color:#ebebeb}.jsoneditor .autocomplete.hint{color:#a1a1a1;top:4px;left:4px}.jsoneditor-contextmenu-root{position:relative;width:0;height:0}.jsoneditor-contextmenu{position:absolute;box-sizing:content-box;z-index:2}.jsoneditor-contextmenu .jsoneditor-menu{position:relative;left:0;top:0;width:128px;height:auto;background:#fff;border:1px solid #d3d3d3;box-shadow:2px 2px 12px rgba(128,128,128,.3);list-style:none;margin:0;padding:0}.jsoneditor-contextmenu .jsoneditor-menu button{position:relative;padding:0 8px 0 0;margin:0;width:128px;height:auto;border:none;cursor:pointer;color:#4d4d4d;background:0 0;font-size:14px;font-family:arial,sans-serif;box-sizing:border-box;text-align:left}.jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner{padding:0;border:0}.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default{width:96px}.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand{float:right;width:32px;height:24px;border-left:1px solid #e5e5e5}.jsoneditor-contextmenu .jsoneditor-menu li{overflow:hidden}.jsoneditor-contextmenu .jsoneditor-menu li ul{display:none;position:relative;left:-10px;top:0;border:none;box-shadow:inset 0 0 10px rgba(128,128,128,.5);padding:0 10px;transition:all .3s ease-out}.jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon{margin-left:24px}.jsoneditor-contextmenu .jsoneditor-menu li ul li button{padding-left:24px;animation:all ease-in-out 1s}.jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand{position:absolute;top:0;right:0;width:24px;height:24px;padding:0;margin:0 4px 0 0;background-image:url('jsoneditor-icons.94cc300788573d38.svg');background-position:0 -72px}.jsoneditor-contextmenu .jsoneditor-icon{position:absolute;top:0;left:0;width:24px;height:24px;border:none;padding:0;margin:0;background-image:url('jsoneditor-icons.94cc300788573d38.svg')}.jsoneditor-contextmenu .jsoneditor-text{padding:4px 0 4px 24px;word-wrap:break-word}.jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin{padding-right:24px}.jsoneditor-contextmenu .jsoneditor-separator{height:0;border-top:1px solid #e5e5e5;padding-top:5px;margin-top:5px}.jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon{background-position:-24px 0}.jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon{background-position:0 0}.jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon{background-position:0 0}.jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon{background-position:-48px 0}.jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon{background-position:-168px 0}.jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon{background-position:-192px 0}.jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon{background-position:-216px 0}.jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon{background-position:0 -24px}.jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon{background-position:-144px 0}.jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon{background-position:-120px 0}.jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon{background-position:-72px 0}.jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon{background-position:-96px 0}.jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon{background-image:none;width:6px}.jsoneditor-contextmenu li,.jsoneditor-contextmenu ul{box-sizing:content-box;position:relative}.jsoneditor-contextmenu .jsoneditor-menu button:focus,.jsoneditor-contextmenu .jsoneditor-menu button:hover{color:#1a1a1a;background-color:#f5f5f5;outline:0}.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus,.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover{color:#fff;background-color:#ee422e}.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus,.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover{background-color:#f5f5f5}.jsoneditor-modal{max-width:95%;border-radius:2px!important;padding:45px 15px 15px 15px!important;box-shadow:2px 2px 12px rgba(128,128,128,.3);color:#4d4d4d;line-height:1.3em}.jsoneditor-modal.jsoneditor-modal-transform{width:600px!important}.jsoneditor-modal .pico-modal-header{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;padding:0 10px;height:30px;line-height:30px;font-family:arial,sans-serif;font-size:11pt;background:#3883fa;color:#fff}.jsoneditor-modal table{width:100%}.jsoneditor-modal table td{padding:3px 0}.jsoneditor-modal table td.jsoneditor-modal-input{text-align:right;padding-right:0;white-space:nowrap}.jsoneditor-modal table td.jsoneditor-modal-actions{padding-top:15px}.jsoneditor-modal table th{vertical-align:middle}.jsoneditor-modal p:first-child{margin-top:0}.jsoneditor-modal a{color:#3883fa}.jsoneditor-modal .jsoneditor-jmespath-block{margin-bottom:10px}.jsoneditor-modal .pico-close{background:0 0!important;font-size:24px!important;top:7px!important;right:7px!important;color:#fff}.jsoneditor-modal input{padding:4px}.jsoneditor-modal input[type=text]{cursor:inherit}.jsoneditor-modal input[disabled]{background:#d3d3d3;color:grey}.jsoneditor-modal .jsoneditor-select-wrapper{position:relative;display:inline-block}.jsoneditor-modal .jsoneditor-select-wrapper:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #666;position:absolute;right:8px;top:14px;pointer-events:none}.jsoneditor-modal select{padding:3px 24px 3px 10px;min-width:180px;max-width:350px;-webkit-appearance:none;appearance:none;text-indent:0;text-overflow:"";font-size:14px;line-height:1.5em}.jsoneditor-modal select::-ms-expand{display:none}.jsoneditor-modal .jsoneditor-button-group input{padding:4px 10px;margin:0;border-radius:0;border-left-style:none}.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first{border-top-left-radius:3px;border-bottom-left-radius:3px;border-left-style:solid}.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last{border-top-right-radius:3px;border-bottom-right-radius:3px}.jsoneditor-modal .jsoneditor-transform-preview{background:#f5f5f5;height:200px}.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error{color:#ee422e}.jsoneditor-modal .jsoneditor-jmespath-wizard{line-height:1.2em;width:100%;padding:0;border-radius:3px}.jsoneditor-modal .jsoneditor-jmespath-label{font-weight:700;color:#1e90ff;margin-top:20px;margin-bottom:5px}.jsoneditor-modal .jsoneditor-jmespath-wizard-table{width:100%;border-collapse:collapse}.jsoneditor-modal .jsoneditor-jmespath-wizard-label{font-style:italic;margin:4px 0 2px 0}.jsoneditor-modal .jsoneditor-inline{position:relative;display:inline-block;width:100%;padding-top:2px;padding-bottom:2px}.jsoneditor-modal .jsoneditor-inline:not(:last-child){padding-right:2px}.jsoneditor-modal .jsoneditor-jmespath-filter{display:flex;flex-wrap:wrap}.jsoneditor-modal .jsoneditor-jmespath-filter-field{width:180px}.jsoneditor-modal .jsoneditor-jmespath-filter-relation{width:100px}.jsoneditor-modal .jsoneditor-jmespath-filter-value{min-width:180px;flex:1}.jsoneditor-modal .jsoneditor-jmespath-sort-field{width:170px}.jsoneditor-modal .jsoneditor-jmespath-sort-order{width:150px}.jsoneditor-modal .jsoneditor-jmespath-select-fields{width:100%}.jsoneditor-modal .selectr-selected{border-color:#d3d3d3;padding:4px 28px 4px 8px}.jsoneditor-modal .selectr-selected .selectr-tag{background-color:#3883fa;border-radius:5px}.jsoneditor-modal table td,.jsoneditor-modal table th{text-align:left;vertical-align:middle;font-weight:400;color:#4d4d4d;border-spacing:0;border-collapse:collapse}.jsoneditor-modal #query,.jsoneditor-modal input,.jsoneditor-modal input[type=text],.jsoneditor-modal input[type=text]:focus,.jsoneditor-modal select,.jsoneditor-modal textarea{background:#fff;border:1px solid #d3d3d3;color:#4d4d4d;border-radius:3px;padding:4px}.jsoneditor-modal #query,.jsoneditor-modal textarea{border-radius:unset}.jsoneditor-modal,.jsoneditor-modal #query,.jsoneditor-modal input,.jsoneditor-modal input[type=text],.jsoneditor-modal option,.jsoneditor-modal select,.jsoneditor-modal table td,.jsoneditor-modal table th,.jsoneditor-modal textarea{font-size:10.5pt;font-family:arial,sans-serif}.jsoneditor-modal #query,.jsoneditor-modal .jsoneditor-transform-preview{font-family:consolas,menlo,monaco,"Ubuntu Mono",source-code-pro,monospace;font-size:14px;width:100%;box-sizing:border-box}.jsoneditor-modal input[type=button],.jsoneditor-modal input[type=submit]{background:#f5f5f5;padding:4px 20px}.jsoneditor-modal input,.jsoneditor-modal select{cursor:pointer}.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc{background:#3883fa;border-color:#3883fa;color:#fff}.jsoneditor{color:#1a1a1a;border:thin solid #3883fa;box-sizing:border-box;width:100%;height:100%;position:relative;padding:0;line-height:100%}a.jsoneditor-value,div.jsoneditor-default,div.jsoneditor-field,div.jsoneditor-readonly,div.jsoneditor-value{border:1px solid transparent;min-height:16px;min-width:32px;line-height:16px;padding:2px;margin:1px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;float:left}div.jsoneditor-field p,div.jsoneditor-value p{margin:0}div.jsoneditor-value.jsoneditor-empty::after{content:"value"}div.jsoneditor-value.jsoneditor-string{color:#006000}div.jsoneditor-value.jsoneditor-number{color:#ee422e}div.jsoneditor-value.jsoneditor-boolean{color:#ff8c00}div.jsoneditor-value.jsoneditor-null{color:#004ed0}div.jsoneditor-value.jsoneditor-color-value{color:#1a1a1a}div.jsoneditor-value.jsoneditor-invalid{color:#1a1a1a}div.jsoneditor-readonly{min-width:16px;color:grey}div.jsoneditor-empty{border-color:#d3d3d3;border-style:dashed;border-radius:2px}div.jsoneditor-field.jsoneditor-empty::after{content:"field"}div.jsoneditor td{vertical-align:top}div.jsoneditor td.jsoneditor-separator{padding:3px 0;vertical-align:top;color:grey}div.jsoneditor td.jsoneditor-tree{vertical-align:top}div.jsoneditor.busy pre.jsoneditor-preview{background:#f5f5f5;color:grey}div.jsoneditor.busy div.jsoneditor-busy{display:inherit}div.jsoneditor code.jsoneditor-preview{background:0 0}div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview{width:100%;height:100%;box-sizing:border-box;overflow:auto;padding:2px;margin:0;white-space:pre-wrap;word-break:break-all}div.jsoneditor-default{color:grey;padding-left:10px}div.jsoneditor-tree{width:100%;height:100%;position:relative;overflow:auto;background:#fff}div.jsoneditor-tree button.jsoneditor-button{width:24px;height:24px;padding:0;margin:0;border:none;cursor:pointer;background-color:transparent;background-image:url('jsoneditor-icons.94cc300788573d38.svg')}div.jsoneditor-tree button.jsoneditor-button:focus{background-color:#f5f5f5;outline:#e5e5e5 solid 1px}div.jsoneditor-tree button.jsoneditor-collapsed{background-position:0 -48px}div.jsoneditor-tree button.jsoneditor-expanded{background-position:0 -72px}div.jsoneditor-tree button.jsoneditor-contextmenu-button{background-position:-48px -72px}div.jsoneditor-tree button.jsoneditor-invisible{visibility:hidden;background:0 0}div.jsoneditor-tree button.jsoneditor-dragarea{background-image:url('jsoneditor-icons.94cc300788573d38.svg');background-position:-72px -72px;cursor:move}div.jsoneditor-tree :focus{outline:0}div.jsoneditor-tree div.jsoneditor-show-more{display:inline-block;padding:3px 4px;margin:2px 0;background-color:#e5e5e5;border-radius:3px;color:grey;font-family:arial,sans-serif;font-size:14px}div.jsoneditor-tree div.jsoneditor-show-more a{display:inline-block;color:grey}div.jsoneditor-tree div.jsoneditor-color{display:inline-block;width:12px;height:12px;margin:4px;border:1px solid grey;cursor:pointer}div.jsoneditor-tree div.jsoneditor-color.jsoneditor-color-readonly{cursor:inherit}div.jsoneditor-tree div.jsoneditor-date{background:#a1a1a1;color:#fff;font-family:arial,sans-serif;border-radius:3px;display:inline-block;padding:3px;margin:0 3px}div.jsoneditor-tree table.jsoneditor-tree{border-collapse:collapse;border-spacing:0;width:100%}div.jsoneditor-tree .jsoneditor-button{display:block}div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error{width:24px;height:24px;padding:0;margin:0 4px 0 0;background-image:url('jsoneditor-icons.94cc300788573d38.svg');background-position:-168px -48px;background-color:transparent}div.jsoneditor-outer{position:static;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}div.jsoneditor-outer.has-nav-bar{margin-top:-26px;padding-top:26px}div.jsoneditor-outer.has-nav-bar.has-main-menu-bar{margin-top:-61px;padding-top:61px}div.jsoneditor-outer.has-status-bar{margin-bottom:-26px;padding-bottom:26px}div.jsoneditor-outer.has-main-menu-bar{margin-top:-35px;padding-top:35px}div.jsoneditor-busy{position:absolute;top:15%;left:0;box-sizing:border-box;width:100%;text-align:center;display:none}div.jsoneditor-busy span{background-color:#ffffab;border:1px solid #fe0;border-radius:3px;padding:5px 15px;box-shadow:0 0 5px rgba(0,0,0,.4)}div.jsoneditor-field.jsoneditor-empty::after,div.jsoneditor-value.jsoneditor-empty::after{pointer-events:none;color:#d3d3d3;font-size:8pt}a.jsoneditor-value.jsoneditor-url,div.jsoneditor-value.jsoneditor-url{color:#006000;text-decoration:underline}a.jsoneditor-value.jsoneditor-url{display:inline-block;padding:2px;margin:2px}a.jsoneditor-value.jsoneditor-url:focus,a.jsoneditor-value.jsoneditor-url:hover{color:#ee422e}div.jsoneditor-field.jsoneditor-highlight,div.jsoneditor-field[contenteditable=true]:focus,div.jsoneditor-field[contenteditable=true]:hover,div.jsoneditor-value.jsoneditor-highlight,div.jsoneditor-value[contenteditable=true]:focus,div.jsoneditor-value[contenteditable=true]:hover{background-color:#ffffab;border:1px solid #fe0;border-radius:2px}div.jsoneditor-field.jsoneditor-highlight-active,div.jsoneditor-field.jsoneditor-highlight-active:focus,div.jsoneditor-field.jsoneditor-highlight-active:hover,div.jsoneditor-value.jsoneditor-highlight-active,div.jsoneditor-value.jsoneditor-highlight-active:focus,div.jsoneditor-value.jsoneditor-highlight-active:hover{background-color:#fe0;border:1px solid #ffc700;border-radius:2px}div.jsoneditor-value.jsoneditor-array,div.jsoneditor-value.jsoneditor-object{min-width:16px}div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button{background-position:-48px -48px}div.jsoneditor-tree div.jsoneditor-show-more a:focus,div.jsoneditor-tree div.jsoneditor-show-more a:hover{color:#ee422e}.ace-jsoneditor,textarea.jsoneditor-text{min-height:150px}.ace-jsoneditor.ace_editor,textarea.jsoneditor-text.ace_editor{font-family:consolas,menlo,monaco,"Ubuntu Mono",source-code-pro,monospace}textarea.jsoneditor-text{width:100%;height:100%;margin:0;box-sizing:border-box;outline-width:0;border:none;background-color:#fff;resize:none}tr.jsoneditor-highlight,tr.jsoneditor-selected{background-color:#d3d3d3}tr.jsoneditor-selected button.jsoneditor-contextmenu-button,tr.jsoneditor-selected button.jsoneditor-dragarea{visibility:hidden}tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea{visibility:visible}div.jsoneditor-tree button.jsoneditor-dragarea:focus,div.jsoneditor-tree button.jsoneditor-dragarea:hover,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea{background-position:-72px -48px}div.jsoneditor td,div.jsoneditor th,div.jsoneditor tr{padding:0;margin:0}.jsoneditor-popover,.jsoneditor-schema-error,div.jsoneditor td,div.jsoneditor textarea,div.jsoneditor th,div.jsoneditor-field,div.jsoneditor-value,pre.jsoneditor-preview{font-family:consolas,menlo,monaco,"Ubuntu Mono",source-code-pro,monospace;font-size:14px;color:#1a1a1a}.jsoneditor-schema-error{cursor:default;display:inline-block;height:24px;line-height:24px;position:relative;text-align:center;width:24px}.jsoneditor-popover{background-color:#4c4c4c;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.4);color:#fff;padding:7px 10px;position:absolute;cursor:auto;width:200px}.jsoneditor-popover.jsoneditor-above{bottom:32px;left:-98px}.jsoneditor-popover.jsoneditor-above:before{border-top:7px solid #4c4c4c;bottom:-7px}.jsoneditor-popover.jsoneditor-below{top:32px;left:-98px}.jsoneditor-popover.jsoneditor-below:before{border-bottom:7px solid #4c4c4c;top:-7px}.jsoneditor-popover.jsoneditor-left{top:-7px;right:32px}.jsoneditor-popover.jsoneditor-left:before{border-left:7px solid #4c4c4c;border-top:7px solid transparent;border-bottom:7px solid transparent;content:"";top:19px;right:-14px;left:inherit;margin-left:inherit;margin-top:-7px;position:absolute}.jsoneditor-popover.jsoneditor-right{top:-7px;left:32px}.jsoneditor-popover.jsoneditor-right:before{border-right:7px solid #4c4c4c;border-top:7px solid transparent;border-bottom:7px solid transparent;content:"";top:19px;left:-14px;margin-left:inherit;margin-top:-7px;position:absolute}.jsoneditor-popover:before{border-right:7px solid transparent;border-left:7px solid transparent;content:"";display:block;left:50%;margin-left:-7px;position:absolute}.jsoneditor-text-errors tr.jump-to-line:hover{text-decoration:underline;cursor:pointer}.jsoneditor-schema-error:focus .jsoneditor-popover,.jsoneditor-schema-error:hover .jsoneditor-popover{display:block;animation:fade-in .3s linear 1,move-up .3s linear 1}@keyframes fade-in{from{opacity:0}to{opacity:1}}.jsoneditor .jsoneditor-validation-errors-container{max-height:130px;overflow-y:auto}.jsoneditor .jsoneditor-validation-errors{width:100%;overflow:hidden}.jsoneditor .jsoneditor-additional-errors{position:absolute;margin:auto;bottom:31px;left:calc(50% - 92px);color:grey;background-color:#ebebeb;padding:7px 15px;border-radius:8px}.jsoneditor .jsoneditor-additional-errors.visible{visibility:visible;opacity:1;transition:opacity 2s linear}.jsoneditor .jsoneditor-additional-errors.hidden{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear}.jsoneditor .jsoneditor-text-errors{width:100%;border-collapse:collapse;border-top:1px solid #ffc700}.jsoneditor .jsoneditor-text-errors td{padding:3px 6px;vertical-align:middle}.jsoneditor .jsoneditor-text-errors td pre{margin:0;white-space:pre-wrap}.jsoneditor .jsoneditor-text-errors tr{background-color:#ffffab}.jsoneditor .jsoneditor-text-errors tr.parse-error{background-color:rgba(238,46,46,.4392156863)}.jsoneditor-text-errors .jsoneditor-schema-error{border:none;width:24px;height:24px;padding:0;margin:0 4px 0 0;cursor:pointer}.jsoneditor-text-errors tr .jsoneditor-schema-error{background-image:url('jsoneditor-icons.94cc300788573d38.svg');background-position:-168px -48px;background-color:transparent}.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error{background-image:url('jsoneditor-icons.94cc300788573d38.svg');background-position:-25px 0;background-color:transparent}.jsoneditor-anchor{cursor:pointer}.jsoneditor-anchor .picker_wrapper.popup.popup_bottom{top:28px;left:-10px}.fadein{animation:fadein .3s;-moz-animation:fadein .3s;-o-animation:fadein .3s}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.jsoneditor-modal input[type=search].selectr-input{border:1px solid #d3d3d3;width:calc(100% - 4px);margin:2px;padding:4px;box-sizing:border-box}.jsoneditor-modal button.selectr-input-clear{right:8px}.jsoneditor-menu{width:100%;height:35px;padding:2px;margin:0;box-sizing:border-box;color:#fff;background-color:#3883fa;border-bottom:1px solid #3883fa}.jsoneditor-menu>.jsoneditor-modes>button,.jsoneditor-menu>button{width:26px;height:26px;margin:2px;padding:0;border-radius:2px;border:1px solid transparent;background-color:transparent;background-image:url('jsoneditor-icons.94cc300788573d38.svg');color:#fff;opacity:.8;font-family:arial,sans-serif;font-size:14px;float:left}.jsoneditor-menu>.jsoneditor-modes>button:hover,.jsoneditor-menu>button:hover{background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}.jsoneditor-menu>.jsoneditor-modes>button:active,.jsoneditor-menu>.jsoneditor-modes>button:focus,.jsoneditor-menu>button:active,.jsoneditor-menu>button:focus{background-color:rgba(255,255,255,.3)}.jsoneditor-menu>.jsoneditor-modes>button:disabled,.jsoneditor-menu>button:disabled{opacity:.5;background-color:transparent;border:none}.jsoneditor-menu>button.jsoneditor-collapse-all{background-position:0 -96px}.jsoneditor-menu>button.jsoneditor-expand-all{background-position:0 -120px}.jsoneditor-menu>button.jsoneditor-sort{background-position:-120px -96px}.jsoneditor-menu>button.jsoneditor-transform{background-position:-144px -96px}.jsoneditor.jsoneditor-mode-form>.jsoneditor-menu>button.jsoneditor-sort,.jsoneditor.jsoneditor-mode-form>.jsoneditor-menu>button.jsoneditor-transform,.jsoneditor.jsoneditor-mode-view>.jsoneditor-menu>button.jsoneditor-sort,.jsoneditor.jsoneditor-mode-view>.jsoneditor-menu>button.jsoneditor-transform{display:none}.jsoneditor-menu>button.jsoneditor-undo{background-position:-24px -96px}.jsoneditor-menu>button.jsoneditor-undo:disabled{background-position:-24px -120px}.jsoneditor-menu>button.jsoneditor-redo{background-position:-48px -96px}.jsoneditor-menu>button.jsoneditor-redo:disabled{background-position:-48px -120px}.jsoneditor-menu>button.jsoneditor-compact{background-position:-72px -96px}.jsoneditor-menu>button.jsoneditor-format{background-position:-72px -120px}.jsoneditor-menu>button.jsoneditor-repair{background-position:-96px -96px}.jsoneditor-menu>.jsoneditor-modes{display:inline-block;float:left}.jsoneditor-menu>.jsoneditor-modes>button{background-image:none;width:auto;padding-left:6px;padding-right:6px}.jsoneditor-menu>.jsoneditor-modes>button.jsoneditor-separator,.jsoneditor-menu>button.jsoneditor-separator{margin-left:10px}.jsoneditor-menu a{font-family:arial,sans-serif;font-size:14px;color:#fff;opacity:.8;vertical-align:middle}.jsoneditor-menu a:hover{opacity:1}.jsoneditor-menu a.jsoneditor-poweredBy{font-size:8pt;position:absolute;right:0;top:0;padding:10px}.jsoneditor-navigation-bar{width:100%;height:26px;line-height:26px;padding:0;margin:0;border-bottom:1px solid #d3d3d3;box-sizing:border-box;color:grey;background-color:#ebebeb;overflow:hidden;font-family:arial,sans-serif;font-size:14px}.jsoneditor-search{font-family:arial,sans-serif;position:absolute;right:4px;top:4px;border-collapse:collapse;border-spacing:0;display:flex}.jsoneditor-search input{color:#1a1a1a;width:120px;border:none;outline:0;margin:1px;line-height:20px;font-family:arial,sans-serif}.jsoneditor-search button{width:16px;height:24px;padding:0;margin:0;border:none;background:url('jsoneditor-icons.94cc300788573d38.svg');vertical-align:top}.jsoneditor-search button:hover{background-color:transparent}.jsoneditor-search button.jsoneditor-refresh{width:18px;background-position:-99px -73px}.jsoneditor-search button.jsoneditor-next{cursor:pointer;background-position:-124px -73px}.jsoneditor-search button.jsoneditor-next:hover{background-position:-124px -49px}.jsoneditor-search button.jsoneditor-previous{cursor:pointer;background-position:-148px -73px;margin-right:2px}.jsoneditor-search button.jsoneditor-previous:hover{background-position:-148px -49px}.jsoneditor-results{font-family:arial,sans-serif;color:#fff;padding-right:5px;line-height:26px}.jsoneditor-frame{border:1px solid transparent;background-color:#fff;padding:0 2px;margin:0}.jsoneditor-statusbar{line-height:26px;height:26px;color:grey;background-color:#ebebeb;border-top:1px solid #d3d3d3;box-sizing:border-box;font-size:14px}.jsoneditor-statusbar>.jsoneditor-curserinfo-val{margin-right:12px}.jsoneditor-statusbar>.jsoneditor-curserinfo-count{margin-left:4px}.jsoneditor-statusbar>.jsoneditor-validation-error-icon{float:right;width:24px;height:24px;padding:0;margin-top:1px;background-image:url('jsoneditor-icons.94cc300788573d38.svg');background-position:-168px -48px;cursor:pointer}.jsoneditor-statusbar>.jsoneditor-validation-error-count{float:right;margin:0 4px 0 0;cursor:pointer}.jsoneditor-statusbar>.jsoneditor-parse-error-icon{float:right;width:24px;height:24px;padding:0;margin:1px;background-image:url('jsoneditor-icons.94cc300788573d38.svg');background-position:-25px 0}.jsoneditor-statusbar .jsoneditor-array-info a{color:inherit}div.jsoneditor-statusbar>.jsoneditor-curserinfo-label,div.jsoneditor-statusbar>.jsoneditor-size-info{margin:0 4px}.jsoneditor-treepath{padding:0 5px;overflow:hidden;white-space:nowrap;outline:0}.jsoneditor-treepath.show-all{word-wrap:break-word;white-space:normal;position:absolute;background-color:#ebebeb;z-index:1;box-shadow:2px 2px 12px rgba(128,128,128,.3)}.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn{display:none}.jsoneditor-treepath div.jsoneditor-contextmenu-root{position:absolute;left:0}.jsoneditor-treepath .jsoneditor-treepath-show-all-btn{position:absolute;background-color:#ebebeb;left:0;height:20px;padding:0 3px;cursor:pointer}.jsoneditor-treepath .jsoneditor-treepath-element{margin:1px;font-family:arial,sans-serif;font-size:14px}.jsoneditor-treepath .jsoneditor-treepath-seperator{margin:2px;font-size:9pt;font-family:arial,sans-serif}.jsoneditor-treepath span.jsoneditor-treepath-element:hover,.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover{cursor:pointer;text-decoration:underline}/*!
 * Selectr 2.4.13
 * http://mobius.ovh/docs/selectr
 *
 * Released under the MIT license
 */.selectr-container{position:relative}.selectr-container li{list-style:none}.selectr-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0 none}.selectr-visible{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:11}.selectr-desktop.multiple .selectr-visible{display:none}.selectr-desktop.multiple.native-open .selectr-visible{top:100%;min-height:200px!important;height:auto;opacity:1;display:block}.selectr-container.multiple.selectr-mobile .selectr-selected{z-index:0}.selectr-selected{position:relative;z-index:1;box-sizing:border-box;width:100%;padding:7px 28px 7px 14px;cursor:pointer;border:1px solid #999;border-radius:3px;background-color:#fff}.selectr-selected::before{position:absolute;top:50%;right:10px;width:0;height:0;content:"";transform:rotate(0) translate3d(0,-50%,0);border-width:4px 4px 0 4px;border-style:solid;border-color:#6c7a86 transparent transparent}.selectr-container.native-open .selectr-selected::before,.selectr-container.open .selectr-selected::before{border-width:0 4px 4px 4px;border-style:solid;border-color:transparent transparent #6c7a86}.selectr-label{display:none;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.selectr-placeholder{color:#6c7a86}.selectr-tags{margin:0;padding:0;white-space:normal}.has-selected .selectr-tags{margin:0 0 -2px}.selectr-tag{list-style:none;position:relative;float:left;padding:2px 25px 2px 8px;margin:0 2px 2px 0;cursor:default;color:#fff;border:medium none;border-radius:10px;background:#acb7bf none repeat scroll 0 0}.selectr-container.multiple.has-selected .selectr-selected{padding:5px 28px 5px 5px}.selectr-options-container{position:absolute;z-index:10000;top:calc(100% - 1px);left:0;display:none;box-sizing:border-box;width:100%;border-width:0 1px 1px;border-style:solid;border-color:transparent #999 #999;border-radius:0 0 3px 3px;background-color:#fff}.selectr-container.open .selectr-options-container{display:block}.selectr-input-container{position:relative;display:none}.selectr-clear,.selectr-input-clear,.selectr-tag-remove{position:absolute;top:50%;right:22px;width:20px;height:20px;padding:0;cursor:pointer;transform:translate3d(0,-50%,0);border:medium none;background-color:transparent;z-index:11}.selectr-clear,.selectr-input-clear{display:none}.selectr-container.has-selected .selectr-clear,.selectr-input-container.active .selectr-input-clear{display:block}.selectr-selected .selectr-tag-remove{right:2px}.selectr-clear::after,.selectr-clear::before,.selectr-input-clear::after,.selectr-input-clear::before,.selectr-tag-remove::after,.selectr-tag-remove::before{position:absolute;top:5px;left:9px;width:2px;height:10px;content:" ";background-color:#6c7a86}.selectr-tag-remove::after,.selectr-tag-remove::before{top:4px;width:3px;height:12px;background-color:#fff}.selectr-clear:before,.selectr-input-clear::before,.selectr-tag-remove::before{transform:rotate(45deg)}.selectr-clear:after,.selectr-input-clear::after,.selectr-tag-remove::after{transform:rotate(-45deg)}.selectr-input-container.active,.selectr-input-container.active .selectr-clear{display:block}.selectr-input{top:5px;left:5px;box-sizing:border-box;width:calc(100% - 30px);margin:10px 15px;padding:7px 30px 7px 9px;border:1px solid #999;border-radius:3px}.selectr-notice{display:none;box-sizing:border-box;width:100%;padding:8px 16px;border-top:1px solid #999;border-radius:0 0 3px 3px;background-color:#fff}.selectr-container.notice .selectr-notice{display:block}.selectr-container.notice .selectr-selected{border-radius:3px 3px 0 0}.selectr-options{position:relative;top:calc(100% + 2px);display:none;overflow-x:auto;overflow-y:scroll;max-height:200px;margin:0;padding:0}.selectr-container.notice .selectr-options-container,.selectr-container.open .selectr-input-container,.selectr-container.open .selectr-options{display:block}.selectr-option{position:relative;display:block;padding:5px 20px;list-style:outside none none;cursor:pointer;font-weight:400}.selectr-options.optgroups>.selectr-option{padding-left:25px}.selectr-optgroup{font-weight:700;padding:0}.selectr-optgroup--label{font-weight:700;margin-top:10px;padding:5px 15px}.selectr-match{text-decoration:underline}.selectr-option.selected{background-color:#ddd}.selectr-option.active{color:#fff;background-color:#5897fb}.selectr-option.disabled{opacity:.4}.selectr-option.excluded{display:none}.selectr-container.open .selectr-selected{border-color:#999 #999 transparent #999;border-radius:3px 3px 0 0}.selectr-container.open .selectr-selected::after{transform:rotate(180deg) translate3d(0,50%,0)}.selectr-disabled{opacity:.6}.has-selected .selectr-placeholder,.selectr-empty{display:none}.has-selected .selectr-label{display:block}.taggable .selectr-selected{padding:4px 28px 4px 4px}.taggable .selectr-selected::after{display:table;content:" ";clear:both}.taggable .selectr-label{width:auto}.taggable .selectr-tags{float:left;display:block}.taggable .selectr-placeholder{display:none}.input-tag{float:left;min-width:90px;width:auto}.selectr-tag-input{border:medium none;padding:3px 10px;width:100%;font-family:inherit;font-weight:inherit;font-size:inherit}.selectr-input-container.loading::after{position:absolute;top:50%;right:20px;width:20px;height:20px;content:"";transform:translate3d(0,-50%,0);transform-origin:50% 0 0;animation:.5s linear 0s normal forwards infinite running selectr-spin;border-width:3px;border-style:solid;border-color:#aaa #ddd #ddd;border-radius:50%}@keyframes selectr-spin{0%{transform:rotate(0) translate3d(0,-50%,0)}100%{transform:rotate(360deg) translate3d(0,-50%,0)}}.selectr-container.open.inverted .selectr-selected{border-color:transparent #999 #999;border-radius:0 0 3px 3px}.selectr-container.inverted .selectr-options-container{border-width:1px 1px 0;border-color:#999 #999 transparent;border-radius:3px 3px 0 0;background-color:#fff;top:auto;bottom:calc(100% - 1px)}.selectr-container ::placeholder{color:#6c7a86;opacity:1}
/* 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.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  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 .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@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: 0;
  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 */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px 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;
  outline: 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: -50px;
}
.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.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ 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;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  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 {
  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; }

/* 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 {
  background-position: left bottom;
  background-repeat: repeat-x;
}

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

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

.CodeMirror-lint-marker {
  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 {
  padding-left: 18px;
  background-position: top left;
  background-repeat: no-repeat;
}

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

.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-lint-line-error {
  background-color: rgba(183, 76, 81, 0.08);
}

.CodeMirror-lint-line-warning {
  background-color: rgba(255, 211, 0, 0.1);
}

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

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

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

@charset "UTF-8";
a{
  color: var(--xf-primary-color);
}

a:hover{
  color: var(--xf-primary-color-hover);
}

h1{
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}

h2{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.\!container{
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}

@media (min-width: 540px){
  .\!container{
    max-width: 540px !important;
  }
  .container{
    max-width: 540px;
  }
}

@media (min-width: 720px){
  .\!container{
    max-width: 720px !important;
  }
  .container{
    max-width: 720px;
  }
}

@media (min-width: 960px){
  .\!container{
    max-width: 960px !important;
  }
  .container{
    max-width: 960px;
  }
}

@media (min-width: 1140px){
  .\!container{
    max-width: 1140px !important;
  }
  .container{
    max-width: 1140px;
  }
}

@media (min-width: 1320px){
  .\!container{
    max-width: 1320px !important;
  }
  .container{
    max-width: 1320px;
  }
}
.visible{
  visibility: visible;
}
.collapse{
  visibility: collapse;
}
.\!static{
  position: static !important;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-\[10px\]{
  margin-bottom: 10px;
}
.mb-\[12px\]{
  margin-bottom: 12px;
}
.mb-\[5px\]{
  margin-bottom: 5px;
}
.mb-\[6px\]{
  margin-bottom: 6px;
}
.ml-\[24px\]{
  margin-left: 24px;
}
.mr-\[20px\]{
  margin-right: 20px;
}
.mt-\[16px\]{
  margin-top: 16px;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-\[16px\]{
  height: 16px;
}
.h-\[668px\]{
  height: 668px;
}
.h-full{
  height: 100%;
}
.w-40{
  width: 10rem;
}
.w-\[16px\]{
  width: 16px;
}
.w-\[184px\]{
  width: 184px;
}
.w-\[232px\]{
  width: 232px;
}
.w-\[240px\]{
  width: 240px;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize{
  resize: both;
}
.items-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.break-all{
  word-break: break-all;
}
.border{
  border-width: 1px;
}
.bg-transparent{
  background-color: transparent;
}
.\!p-0{
  padding: 0px !important;
}
.p-0{
  padding: 0px;
}
.px-\[24px\]{
  padding-left: 24px;
  padding-right: 24px;
}
.\!pt-4{
  padding-top: 1rem !important;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[14px\]{
  font-size: 14px;
}
.font-\[400\]{
  font-weight: 400;
}
.font-\[700\]{
  font-weight: 700;
}
.font-bold{
  font-weight: 700;
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.text-\[\#667085\]{
  --tw-text-opacity: 1;
  color: rgb(102 112 133 / var(--tw-text-opacity));
}
.text-\[\#7D8696\]{
  --tw-text-opacity: 1;
  color: rgb(125 134 150 / var(--tw-text-opacity));
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --theme-color: var(--xf-primary-color, #1059E9);
}

html,
body {
  min-height: 100%;
  height: 100%;
  line-height: normal;
  font-family: "lato", "arial", "Microsoft Yahei UI", "Microsoft Yahei", "微软雅黑", "PingFang SC", sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 !important;
  font-size: 14px;
  overflow-y: hidden;
}

* {
  box-sizing: border-box;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.navigation-sidebar {
  width: 222px;
  background-color: #F3F4F8;
  transition: all 0.2s;
  position: relative;
  z-index: 1;
}

.mat-drawer-content.closed {
  margin-left: 40px !important;
}

.main-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  min-height: 100%;
  position: relative;
  background-color: var(--xf-color-page-bg, #FFFFFF);
}

.ali-icon {
  width: 20px;
  height: 20px;
  padding: 1px;
  fill: currentColor;
  overflow: hidden;
}

.common-container {
  height: calc(100% - 48px);
  padding: 0px 24px 24px 24px;
  overflow-x: hidden;
  overflow-y: auto;
}

.xf-table {
  overflow: auto;
}

.xf-common-table-container {
  height: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 20px;
}
.xf-common-table-container > * {
  flex-shrink: 0;
}
.xf-common-table-container .xf-table {
  position: relative;
  flex: 1;
}
.xf-common-table-container .xf-table:nth-child(1) {
  margin-top: 12px;
}
.xf-common-table-container .xf-table:nth-last-child(1) {
  margin-bottom: 12px;
}

.xf-gray-table-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 10px;
  background-color: var(--xf-color-bg, #FFFFFF);
}
.xf-gray-table-container > * {
  flex-shrink: 0;
}
.xf-gray-table-container .xf-table {
  position: relative;
  flex: 1;
}
.xf-gray-table-container .xf-table:nth-child(1) {
  margin-top: 12px;
}
.xf-gray-table-container .xf-table:nth-last-child(1) {
  margin-bottom: 12px;
}

.xf-filter-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  height: 48px;
  margin-bottom: 4px;
}
.xf-filter-wrapper > button {
  margin-bottom: 4px;
}

.break-line {
  white-space: pre-line;
}

.gray-bg-color {
  background-color: var(--xf-color-gray-background, #F3F5F8);
}

.white-bg-color {
  background-color: #FFFFFF;
}

.mat-drawer-side {
  border-right: none;
  box-shadow: 2px 0px 6px 0px rgba(0, 21, 41, 0.08);
}

.ant-tooltip-inner {
  font-size: 12px;
}

.header-icon {
  height: 30px;
  width: 36px;
  text-align: center;
  line-height: 30px;
  color: inherit;
  display: inline-block;
  margin: 0 0 0 6px;
}
.header-icon > i {
  font-size: 22px;
  vertical-align: middle;
}
.header-icon .icon:hover {
  fill: var(--xf-primary-color-hover);
}

.ant-table-thead > tr > th {
  padding-top: 11px;
  padding-bottom: 11px;
}

.ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td {
  padding: 11px 12px;
}

html[data-theme-prefer=default] .ant-table-thead > tr > th {
  border-bottom: 1px solid #E9EDF3;
}
html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, html[data-theme-prefer=default] .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
  border-right: 1px solid #E9EDF3;
}
html[data-theme-prefer=default] .ant-table-tbody > tr > td {
  border-bottom: 1px solid #E9EDF3;
}

.ant-table-tbody > tr > td {
  padding-top: 11.5px;
  padding-bottom: 11.5px;
}

.ant-btn {
  box-shadow: none;
}
.ant-btn[disabled], .ant-btn[disabled]:hover {
  border-color: transparent;
}

html[data-theme-prefer=default] .ant-btn:not(.ant-btn-primary, .ant-btn-dangerous, .ant-btn-danger, .ant-btn-dashed, .ant-btn-link, .ant-btn-text, .ant-btn-background-ghost) {
  border-color: transparent;
  background-color: var(--xf-color-gray-bg-darker);
}
html[data-theme-prefer=default] .ant-btn:not(.ant-btn-primary, .ant-btn-dangerous, .ant-btn-danger, .ant-btn-dashed, .ant-btn-link, .ant-btn-text, .ant-btn-background-ghost):hover {
  background-color: var(--xf-color-gray-hover);
  color: inherit;
}
html[data-theme-prefer=default] .ant-btn:not(.ant-btn-primary, .ant-btn-dangerous, .ant-btn-danger, .ant-btn-dashed, .ant-btn-link, .ant-btn-text, .ant-btn-background-ghost):active {
  color: inherit;
  background-color: var(--xf-color-gray-split);
}
html[data-theme-prefer=default] .ant-btn:not(.ant-btn-primary, .ant-btn-dangerous, .ant-btn-danger, .ant-btn-dashed, .ant-btn-link, .ant-btn-text, .ant-btn-background-ghost):focus {
  color: inherit;
}

.ant-btn-primary:focus {
  border-color: var(--xf-primary-color);
  background: var(--xf-primary-color);
}

.ant-btn-link:not([disabled]):hover, .ant-btn-link:not([disabled]):hover * {
  -webkit-text-decoration: underline 1px;
          text-decoration: underline 1px;
}

.ant-btn-lg {
  padding-left: 24px;
  padding-right: 24px;
}

.ant-btn-dangerous.ant-btn-primary {
  box-shadow: none;
}

.ant-pagination-item {
  border-radius: 4px;
}

.ant-pagination-options-quick-jumper {
  margin-left: 16px;
}

.ant-pagination-next > button.ant-pagination-item-link,
.ant-pagination-prev > button.ant-pagination-item-link {
  border: none;
}

.ant-input-affix-wrapper,
.ant-input {
  border-radius: 4px;
}

.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before {
  display: none;
}

html[data-theme=dark] .page-title-wrapper {
  background-color: #000 !important;
  border: none !important;
}
html[data-theme=dark] .page-title-wrapper .icon-font-size {
  font-size: 20px;
  margin-top: -2px;
}
html[data-theme=dark] .xfk-common-container {
  background-color: #000 !important;
}
html[data-theme=dark] .scroll-container {
  background-color: #000 !important;
}
html[data-theme=dark] .org-slide-box {
  background: #1a1a1a !important;
}
html[data-theme=dark] .white-bg-color {
  background: #1a1a1a !important;
}
html[data-theme=dark] .main-container {
  background-color: #000 !important;
}
html[data-theme=dark] .bread-crumb a {
  color: #9f92df !important;
}
html[data-theme=dark] .bread-crumb > span:before {
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
}
html[data-theme=dark] .CodeMirror {
  background-color: #1a1a1a !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid #4a4a4a !important;
}
html[data-theme=dark] .CodeMirror-gutters {
  border-right: 1px solid #4a4a4a !important;
  background-color: #1a1a1a !important;
  color: rgba(255, 255, 255, 0.85) !important;
  white-space: nowrap;
}
html[data-theme=dark] .CodeMirror-cursor {
  border-left: 1px solid rgba(255, 255, 255, 0.85) !important;
}
html[data-theme=dark] .jsoneditor {
  border-color: #4a4a4a !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor.ace_editor {
  background-color: #1a1a1a !important;
  color: #dcdcdc !important;
  border-color: #333 !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor.ace_editor .ace_scroller {
  background-color: #1a1a1a !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor.ace_editor .ace_content {
  background-color: #1a1a1a !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor.ace_editor .ace_gutter {
  background-color: #1a1a1a !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor.ace_editor .ace_gutter-layer {
  background-color: #333 !important;
  color: #737373 !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor .ace_variable {
  color: #9cdcfe !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor .ace_string {
  color: #b5cea8 !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor .ace_gutter-active-line,
html[data-theme=dark] .jsoneditor .ace-jsoneditor .ace_marker-layer .ace_active-line {
  background-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor .ace_cursor {
  border-left: 2px solid #dcdcdc !important;
}
html[data-theme=dark] .jsoneditor .ace-jsoneditor .ace_overwrite-cursors .ace_cursor {
  border-left: 0px !important;
  border-bottom: 1px solid #dcdcdc !important;
}
html[data-theme=dark] .jsoneditor .jsoneditor-statusbar {
  background-color: #333 !important;
  color: #737373 !important;
  border-color: #4a4a4a !important;
}

/*Control the entire scroll bar - */
::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
  height: 6px;
  background-clip: padding-box;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #dbdbdb transparent;
}

/*Scroll bar two end direction button*/
::-webkit-scrollbar-button {
  height: 0px;
  width: 0px;
}

/*Scroll bar middle sliding part*/
::-webkit-scrollbar-thumb {
  background-color: #dbdbdb;
  border-radius: 3px;
}

/*Scroll bar bottom right corner area*/
::-webkit-scrollbar-corner {
  background-color: transparent;
}

body {
  font-family: PingFangSC-Medium, PingFang SC;
}

.main-container {
  overflow-y: hidden;
}

html[data-theme=dark] .main-container {
  background-color: #000 !important;
}

.navigation-sidebar {
  overflow-x: visible;
}

input.mat-input-element {
  line-height: 0;
}

.mat-drawer-content::-webkit-scrollbar,
body::-webkit-scrollbar,
mat-drawer::-webkit-scrollbar,
.main-container::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.mat-drawer-content::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
mat-drawer::-webkit-scrollbar-track,
.main-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.mat-drawer-content::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
mat-drawer::-webkit-scrollbar-thumb,
.main-container::-webkit-scrollbar-thumb {
  background-color: #6e6e6e;
  outline: 1px solid #333;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

.icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  overflow: hidden;
}

.sidebar-item .icon {
  width: 0.7em;
  height: 0.7em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.mat-tab-body-content {
  padding-bottom: 10px;
}

.mat-select-search-clear {
  display: none !important;
}

.loading-button .spinner {
  margin-top: 0px;
  margin-left: 5px;
}
.loading-button .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dialog-title-wrapper {
  position: relative;
}

.close-icon {
  position: absolute;
  top: -15px;
  right: -15px;
}
.close-icon .mat-icon-button.mat-primary {
  color: #bbb;
}
.close-icon i {
  font-size: 22px;
  color: #bbb;
  cursor: pointer;
}

.icon-font-size {
  font-size: 18px;
}

.main-container > .content .bread-crumb {
  position: fixed;
  background: #f6f6f6;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-top: -20px;
  z-index: 33;
}

/*   common style
***/
.common-content-background {
  width: 100%;
  height: 100%;
  background: #fff;
}

.common-content-wrapper {
  background: #fff;
  width: 100%;
  overflow: auto;
}

.common-form-wrapper .form-title div {
  height: 63px;
  color: #8a9499;
  padding-right: 30px;
  padding: 0.6rem 0;
  display: block;
}

html textarea.mat-input-element {
  padding: 0;
}

.common-tab-table {
  width: calc(100% - 220px);
  height: calc(100% - 290px);
  overflow-y: auto;
  position: fixed;
}

table {
  width: 100%;
}

.common-tip-msg {
  width: 100%;
  padding-bottom: 10px;
  font-size: 16px;
  color: #303133;
}

.common-search-input {
  padding-right: 30px !important;
}

.common-search-icon {
  position: absolute;
  right: 0px;
  bottom: 7px;
}

.must {
  display: inline-block;
  color: #f4516c;
  font-size: 14px;
  width: 5px;
  padding-bottom: 1.6em;
}

.form-submit-btn {
  width: 100%;
  margin-top: 20px;
}

.common-form-wrapper {
  padding-top: 20px;
}
.common-form-wrapper tr td {
  border: none;
}
.common-form-wrapper .form-full-width {
  width: 300px;
}

.single-form-item {
  width: 600px;
}

@media screen and (max-width: 1024px) {
  .common-form-wrapper {
    width: 740px;
  }
  .common-form-wrapper .form-full-width {
    width: 200px;
  }
  .single-form-item {
    width: 400px;
  }
  .form-title {
    font-size: 12px;
  }
}
.checkout-tr {
  width: 60px;
}

.btn-wrapper {
  margin-top: 20px;
}
.btn-wrapper button.margin-btn {
  margin-left: 10px;
}

.table-list-style table tr.mat-row:hover {
  background: rgba(0, 0, 0, 0.05);
}

.common-block-bacground {
  width: 100%;
  min-height: 40px;
  padding: 10px 20px;
  margin: -20px -20px 0 -20px;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.common-block-bacground .user-name {
  padding-left: 8px;
  font-size: 16px;
  line-height: 16px;
}
.common-block-bacground .description-message {
  width: 100%;
  word-break: break-all;
  font-size: 12px;
  padding-top: 5px;
}
.common-block-bacground .title-name {
  width: 100%;
  display: flex;
  align-items: center;
}

.no-data {
  padding-top: 20px;
}

.mat-form-field-flex input[readonly] {
  color: rgba(0, 0, 0, 0.38);
}

.login-title-container .material-icons {
  color: #3e3a39;
}

/*
 * login wrapper
**/
.wrapper-full-page .login-title-container {
  width: 100%;
  display: flex;
  padding-right: 20px;
  justify-content: flex-end;
}
.wrapper-full-page .login-title-container ul {
  display: flex;
}
.wrapper-full-page .login-title-container ul li {
  color: #3e3a39;
  padding: 0 10px;
}
.wrapper-full-page .login-title-container ul li a {
  color: #3e3a39;
  text-decoration: none;
}
.wrapper-full-page .navbar {
  position: fixed;
  right: 0;
  left: 0;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 0;
  height: 70px;
  line-height: 70px;
  z-index: 1000;
}
.wrapper-full-page .navbar .container {
  color: #ffffff;
  margin-left: 100px;
}
.wrapper-full-page .navbar .container img {
  vertical-align: middle;
}
.wrapper-full-page .full-page-background {
  position: fixed;
  z-index: -1;
  height: 100%;
  width: 100%;
  min-height: 512px;
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.12));
}
.wrapper-full-page .login-content {
  width: 1086px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: white;
  border-radius: 2px;
  transform: translate(-50%, -50%);
  height: 560px;
  overflow: hidden;
  padding: 0;
  box-shadow: 0px 0px 73px -40px rgb(177, 175, 175);
}
.wrapper-full-page .login-content .ant-card-body {
  height: 100%;
  padding: 0;
}
.wrapper-full-page .login-wrapper {
  display: flex;
  height: 100%;
}
.wrapper-full-page .login-wrapper .login-item-left,
.wrapper-full-page .login-wrapper .login-item-right {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.wrapper-full-page .login-wrapper .login-item-left {
  width: calc(100% - 560px);
  background-image: linear-gradient(to bottom, #1558ff, #021d55);
  position: relative;
}
.wrapper-full-page .login-wrapper .login-item-left .ics-logo {
  width: 70px;
  position: absolute;
  left: 25px;
  top: 25px;
}
.wrapper-full-page .login-wrapper .login-item-right {
  width: 560px;
  background: #fff;
}
.wrapper-full-page .login-wrapper .login-item-right .login-user-name {
  width: -moz-fit-content;
  width: fit-content;
  color: #3e3a39;
  margin-top: 20px;
  display: flex;
}
.wrapper-full-page .login-wrapper .login-item-right .login-user-name .user-left {
  width: 28px;
  height: 28px;
  font-size: 14px;
}
.wrapper-full-page .login-wrapper .login-item-right .login-user-name .user-center {
  max-width: 223px;
  color: #3c4043;
  cursor: pointer;
  font-size: 14px;
  padding: 0 5px;
  line-height: 28px;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}
.wrapper-full-page .login-wrapper .login-item-right .login-user-name .user-right {
  width: 26px;
  height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.wrapper-full-page .login-wrapper .login-item-right .login-agreement {
  font-size: 12px;
  margin-bottom: 14px;
}
.wrapper-full-page .login-wrapper .login-image {
  position: absolute;
  top: 0;
  left: -25px;
  width: 620px;
  z-index: 1;
}
.wrapper-full-page .login-wrapper .login-title {
  color: #000;
  width: 100%;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 60px;
}
.wrapper-full-page .login-wrapper .login-form {
  width: 320px;
  padding: 20px 0;
}
.wrapper-full-page .login-wrapper .login-form ul li {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 8px;
  border: 1px solid #e9edf3;
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: space-between;
  cursor: pointer;
}
.wrapper-full-page .login-wrapper .login-form ul li .user-email {
  width: 205px;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #667085;
}
.wrapper-full-page .login-wrapper .login-form ul li .user-email-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #667085;
  font-size: 12px;
}
.wrapper-full-page .login-wrapper .login-form ul li .del-btn {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.wrapper-full-page .login-wrapper .login-form ul li .account-user {
  display: flex;
  align-items: center;
}
.wrapper-full-page .login-wrapper .login-form ul li .account-user .material-icons {
  font-size: 40px;
}
.wrapper-full-page .login-wrapper .login-form ul li .account-user .xf-icon {
  height: 40px;
  width: 40px;
  text-align: center;
  font-size: 40px;
}
.wrapper-full-page .login-wrapper .login-form ul li .user-message {
  margin-left: 12px;
  font-size: 14px;
  color: #717071;
}
.wrapper-full-page .login-wrapper .login-form ul li:hover {
  background: #e8f0fe;
}
.wrapper-full-page .login-wrapper .form-title {
  color: #3e3a39;
  font-size: 14px;
}
.wrapper-full-page .login-wrapper .form-input a {
  font-size: 12px;
  font-family: FZLTHJW--GB1-0;
  font-weight: normal;
  line-height: 14px;
  cursor: pointer;
}
.wrapper-full-page .login-wrapper .step-wrapper {
  width: 100%;
  display: flex;
}
.wrapper-full-page .login-wrapper .step-wrapper .button-margin {
  margin-left: 10px;
}
.wrapper-full-page .login-wrapper .button-width {
  width: 100%;
}
.wrapper-full-page .login-wrapper .login-btn,
.wrapper-full-page .login-wrapper .login-btn-double,
.wrapper-full-page .login-wrapper .login-disabled {
  flex: 1;
  height: 50px;
  background: linear-gradient(44deg, rgb(61, 124, 255) 0%, rgb(3, 26, 24) 100%);
  border-radius: 6px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.wrapper-full-page .login-wrapper .login-btn-double {
  width: 50%;
  margin-right: 10px;
}
.wrapper-full-page .login-wrapper .login-btn:after {
  content: "";
  width: 290px;
  height: 1px;
  display: block;
  top: -2px;
  box-shadow: 0 8px 16px 1px rgb(61, 124, 255), 0 6px 10px 1px rgba(61, 124, 255, 0.8);
  position: relative;
  margin: 0 auto;
}
.wrapper-full-page .login-wrapper .login-disabled {
  background: #ccc;
  cursor: not-allowed;
}
.wrapper-full-page .example-full-width {
  width: 340px;
}
.wrapper-full-page .login-message {
  width: 320px;
  padding-top: 15px;
}
.wrapper-full-page .login-page {
  width: 100%;
  height: 100vh;
}
.wrapper-full-page .login-page.login-bg-img {
  background: url('account-bg.7582848af38e1130.png') no-repeat;
  background-size: cover;
}
.wrapper-full-page .login-header {
  margin-top: -55px !important;
  width: 100%;
  height: 63px;
  line-height: 63px;
  font-size: 20px;
  border-radius: 3px;
  color: #ffffff;
  z-index: 3;
  text-align: center;
}
.wrapper-full-page .input-group {
  display: flex;
  align-items: center;
}
.wrapper-full-page .input-group .xf-icon {
  margin-right: 10px;
}
.wrapper-full-page .hiddenClass {
  display: none;
}
.wrapper-full-page .user-left {
  width: 36px;
  height: 36px;
  border-radius: 26px;
  background: var(--theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
}

.common-form-wrapper .form-title {
  width: auto;
}

.notification-mat-button-toggle {
  height: 40px;
  margin-top: 5px;
}
.notification-mat-button-toggle .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 40px;
}
.notification-mat-button-toggle .mat-button-toggle-checked {
  background: var(--theme-color);
  color: #fff;
}

.auth-form-content mat-form-field.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
  padding: 0;
}

.top-container-wrapper {
  align-items: center;
}

.xframe-content-header .ant-btn-text {
  color: var(--theme-color);
}
.xframe-content-header .ant-btn-text:hover,
.xframe-content-header .ant-btn-text:focus {
  color: rgba(53, 132, 255, 0.95);
  background: rgba(53, 132, 255, 0.05);
}
.xframe-content-header .ant-btn-text[disabled] {
  color: rgba(0, 0, 0, 0.25);
}

.actions a {
  font-size: 18px;
  height: 20px !important;
  line-height: 20px !important;
}
.actions .actions-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 1px 15px 1px 0;
}

.ellipse {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.must {
  display: inline-block;
  color: #f4516c;
  font-size: 14px;
  width: 5px;
}

.common-container {
  padding-top: 0;
}
.common-container .white-bg-color {
  padding: 10px;
  background: var(--xf-color-bg) !important;
}

.ant-form-item-label {
  text-align: left;
}

.ant-form-item-label > label:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 10px;
  content: "";
}

xf-icon.button-icon {
  font-size: 14px;
  margin-top: -2px;
  margin-right: 4px;
}

button.text-button {
  padding: 4px 8px !important;
}

.bread-crumb-span:before {
  color: rgba(0, 0, 0, 0.45);
  content: " ";
  padding-left: 4px;
}

.info-container .anticon-info-circle {
  color: #3e8ddd !important;
}

.anticon {
  display: inline-flex;
}
.anticon.xfk-allapps-group-apps-item-unstarred {
  display: none;
}

.ant-tabs,
.ant-tabs-content,
.ant-tabs-tabpane {
  height: 100%;
}

.ellipsis-cell {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-easy-table.antdxf-table-wrapper table {
  height: 100%;
}

.tabs-full-height.antdxf-tabs {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.tabs-full-height.antdxf-tabs .antdxf-tabs-tab {
  font-weight: 400;
  padding: 12px 0;
}
.tabs-full-height.antdxf-tabs .antdxf-tabs-tab + .antdxf-tabs-tab {
  margin-left: 24px;
}
.tabs-full-height.antdxf-tabs .antdxf-tabs-content {
  height: 100%;
}
.tabs-full-height.antdxf-tabs .antdxf-tabs-content-holder, .tabs-full-height.antdxf-tabs .antdxf-tabs-content {
  flex: 1;
  min-height: 0;
}
.tabs-full-height .antdxf-tabs-tabpane {
  height: 100%;
  min-height: 0;
}

/* Nav menu scroll container spacing */
.xfk-navmenu {
  /* the right divider line (border-right) is on .xfk-navmenu itself */
  padding-right: 4px;
  box-sizing: border-box;
}

.xfk-navmenu-content {
  padding-right: 10px;
  box-sizing: border-box;
}

.xfk-app-layout-content .antdxf-dropdown .antdxf-dropdown-menu {
  min-width: 124px;
}

.xfk-app-layout-content .antdxf-dropdown .antdxf-dropdown-menu .antdxf-dropdown-menu-item {
  padding: 0;
}

.xfk-app-layout-content .antdxf-dropdown .antdxf-dropdown-menu .antdxf-dropdown-menu-item > span > span:not(:has(*)),
.xfk-app-layout-content .antdxf-dropdown .antdxf-dropdown-menu .antdxf-dropdown-menu-item > span > span a,
.xfk-app-layout-content .antdxf-dropdown .antdxf-dropdown-menu .antdxf-dropdown-menu-item > span > span button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 12px !important;
  width: 100% !important;
  height: auto;
  border: none;
}

.xfk-easysearch.xfk-easysearch-layout-flexible {
  margin-bottom: 16px;
}

.xfk-easytable.full-height .antdxf-table-pagination {
  margin-bottom: 0;
  flex: 0 0 auto;
}

.flex-fill-min0 {
  flex: 1 !important;
  min-height: 0;
  overflow: hidden;
}

@font-face {
  font-family: "din-pro-500-medium";
  src: url('din-pro-500-medium.88d7606e14dca02d.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}