:root {
    --font-family: 'Cabin Condensed';
    --light-background-color: #2A3F54;
    --dark-background-color: #121212;
    --monospace: 'Cascadia Mono PL', monospace;
}

.g-monospace-font {
    font-family: 'Cascadia Mono PL', monospace;
}

* {
    box-sizing: border-box;
}


body {
    margin: 0px;
    font-family: var(--font-family);
    position: fixed;
    width: 100%;
    height: 100%;
}

body.theme-light {
    background-color: var(--light-background-color);
}

body.theme-dark {
    background-color: var(--dark-background-color);
}

/* Scrollbar styles */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}@font-face {
  font-family: 'Cabin Condensed';
  src: url(/resources/fonts/CabinCondensed-Regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Cabin Condensed';
  src: url(/resources/fonts/CabinCondensed-Medium.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Cabin Condensed';
  src: url(/resources/fonts/CabinCondensed-SemiBold.ttf) format("truetype");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Cabin Condensed';
  src: url(/resources/fonts/CabinCondensed-Bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}



@font-face {
  font-family: 'Cascadia Mono PL';
  src: url(/resources/fonts/CascadiaMonoPL-ExtraLight.ttf) format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Cascadia Mono PL';
  src: url(/resources/fonts/CascadiaMonoPL-Light.ttf) format("truetype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Cascadia Mono PL';
  src: url(/resources/fonts/CascadiaMonoPL-SemiLight.ttf) format("truetype");
  font-style: normal;
  font-weight: 350;
}
@font-face {
  font-family: 'Cascadia Mono PL';
  src: url(/resources/fonts/CascadiaMonoPL-Regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Cascadia Mono PL';
  src: url(/resources/fonts/CascadiaMonoPL-SemiBold.ttf) format("truetype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Cascadia Mono PL';
  src: url(/resources/fonts/CascadiaMonoPL-Bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}

@keyframes async-rotate { 100% {transform:rotate(360deg);}}

#app-async-operation_overlay{
    z-index: 100000000;
    display: block;
    align-items: center;
    position: fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color: #2A3F54;
    opacity:0.9;
}

#app-async-operation_window{
    z-index: 100000001;
    display: flex;
    flex-flow: column nowrap;
    justify-content:  center;
    align-items: center;
    position: fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
}

#app-async-operation_window > .waiter{
    position: relative;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGZpbGw9IiNGRkZGRkYiIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNOCwwQzcuNDQ4LDAsNywwLjQ0OCw3LDF2MmMwLDAuNTUyLDAuNDQ4LDEsMSwxczEtMC40NDgsMS0xVjFDOSwwLjQ0OCw4LjU1MiwwLDgsMHogTTgsMTJjLTAuNTUyLDAtMSwwLjQ0Ny0xLDF2MiAgYzAsMC41NTMsMC40NDgsMSwxLDFzMS0wLjQ0NywxLTF2LTJDOSwxMi40NDcsOC41NTIsMTIsOCwxMnogTTEyLjI0Miw1LjE3MmwxLjQxNC0xLjQxNWMwLjM5MS0wLjM5LDAuMzkxLTEuMDI0LDAtMS40MTQgIGMtMC4zOS0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwbC0xLjQxNCwxLjQxNGMtMC4zOTEsMC4zOTEtMC4zOTEsMS4wMjQsMCwxLjQxNUMxMS4yMTksNS41NjIsMTEuODUyLDUuNTYyLDEyLjI0Miw1LjE3MnogICBNMy43NTcsMTAuODI4bC0xLjQxNCwxLjQxNGMtMC4zOTEsMC4zOTEtMC4zOTEsMS4wMjQsMCwxLjQxNGMwLjM5LDAuMzkxLDEuMDIzLDAuMzkxLDEuNDE0LDBsMS40MTQtMS40MTQgIGMwLjM5MS0wLjM5MSwwLjM5MS0xLjAyMywwLTEuNDE0QzQuNzgxLDEwLjQzOCw0LjE0OCwxMC40MzgsMy43NTcsMTAuODI4eiBNMy43NTcsMi4zNDNjLTAuMzkxLTAuMzkxLTEuMDI0LTAuMzkxLTEuNDE0LDAgIGMtMC4zOTEsMC4zOS0wLjM5MSwxLjAyNCwwLDEuNDE0bDEuNDE0LDEuNDE1YzAuMzkxLDAuMzksMS4wMjQsMC4zOSwxLjQxNCwwYzAuMzkxLTAuMzkxLDAuMzkxLTEuMDI0LDAtMS40MTVMMy43NTcsMi4zNDN6ICAgTTEyLjI0MiwxMC44MjhjLTAuMzkxLTAuMzkxLTEuMDIzLTAuMzkxLTEuNDE0LDBzLTAuMzkxLDEuMDIzLDAsMS40MTRsMS40MTQsMS40MTRjMC4zOTEsMC4zOTEsMS4wMjQsMC4zOTEsMS40MTQsMCAgYzAuMzkxLTAuMzksMC4zOTEtMS4wMjMsMC0xLjQxNEwxMi4yNDIsMTAuODI4eiBNMTUsN2gtMmMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgyYzAuNTUzLDAsMS0wLjQ0OCwxLTFTMTUuNTUzLDcsMTUsN3ogICBNNCw4YzAtMC41NTItMC40NDgtMS0xLTFIMUMwLjQ0OCw3LDAsNy40NDgsMCw4czAuNDQ4LDEsMSwxaDJDMy41NTIsOSw0LDguNTUyLDQsOHoiLz48L3N2Zz4K');
    background-size: contain;
    animation:async-rotate 1s linear infinite;
}

#app-async-operation_window > .message{
    position: relative;
    font-size: 26px;
    text-align: center;
    max-width: 70%;
    color: white;
}.app-popup-overlay{
    display: block;
    position: fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    
    background-color: #000000;
    opacity:0.7;
}

.app-popup-window{
    position: fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    display: flex;
    flex-flow: column nowrap;
    justify-content:  center;
    align-items: center;
}

.app-popup-window > .container{
    position: relative;
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
}body>.main {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

body>.main>.page {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

body>.main>.page.hidden,
body>.main>.page .hidden {
    display: none;
}
.panel {
    position: relative;
    width: 100%;
    height: 100%;
}.widget[widget-visibility="invisible"] {
    opacity: 0 !important;
}

.widget[widget-visibility="gone"] {
    display: none !important;
}

.widget-field {
    position: relative;
    display: flex;
}

.widget-field[widget-field-visibility="hidden"] {
    display: none;
}

.widget-field:not(:last-child) {
    margin-bottom: 5px;
}

.widget-field[layout="horizontal"] {
    flex-flow: row nowrap;
    gap: 5px;
}

.widget-field[layout="vertical"] {
    flex-flow: column nowrap;
}


.widget-field>.label {
    position: relative;
    font-weight: 600;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.widget-field[layout="horizontal"]>.label {
    flex: 1;
}

.widget-field[layout="vertical"]>.label {
    flex: 0 0 24px;
}

.widget-field>.host {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.widget-field[layout="horizontal"]>.host {
    flex-grow: 0;
    flex-shrink: 0;
}

.widget-field[layout="vertical"]>.host {
    flex: 1;
}


.widget-form {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    overflow: auto;
    gap: 10px;
    padding: 8px;
}.jsoneditor .search input{height:auto;border:inherit;border:none;box-shadow:none}.jsoneditor table{border-collapse:collapse;width:auto}.jsoneditor td,.jsoneditor th{padding:0;display:table-cell;text-align:left;vertical-align:inherit;border-radius:inherit}.jsoneditor{color:#1a1a1a;border:thin solid#73879C;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;position:relative;padding:0;line-height:100%}div.jsoneditor-default,div.jsoneditor-field,div.jsoneditor-readonly,div.jsoneditor-value{border:1px solid transparent;min-height:16px;min-width:32px;padding:2px;margin:1px;word-wrap:break-word;float:left}div.jsoneditor-field p,div.jsoneditor-value p{margin:0}div.jsoneditor-value{word-break:break-word}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-invalid{color:#000}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 div.jsoneditor-anchor{cursor:pointer}div.jsoneditor div.jsoneditor-anchor .picker_wrapper.popup.popup_bottom{top:28px;left:-10px}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}div.jsoneditor-tree button.jsoneditor-button{width:24px;height:24px;padding:0;margin:0;border:none;cursor:pointer;background:transparent url(/resources/images/jsoneditor-icons.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{background-position:-48px -72px}div.jsoneditor-tree button.jsoneditor-invisible{visibility:hidden;background:0 0}div.jsoneditor-tree button.jsoneditor-dragarea{background:url(/resources/images/jsoneditor-icons.svg) -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:10pt}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-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.jsoneditor-schema-error{width:24px;height:24px;padding:0;margin:0 4px 0 0;background:url(/resources/images/jsoneditor-icons.svg) -168px -48px}div.jsoneditor-outer{position:static;width:100%;height:100%;margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;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-mode-form tr.jsoneditor-expandable td.jsoneditor-tree,div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree{cursor:pointer}div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,div.jsoneditor-tree button.jsoneditor-contextmenu:focus,div.jsoneditor-tree button.jsoneditor-contextmenu:hover,tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu{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}textarea.jsoneditor-text{width:100%;height:100%;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;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,tr.jsoneditor-selected button.jsoneditor-dragarea{visibility:hidden}tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu,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:"dejavu sans mono","droid sans mono",consolas,monaco,"lucida console","courier new",courier,monospace,sans-serif;font-size:10pt;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;z-index:999}.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:normal}.jsoneditor .jsoneditor-text-errors tr{background-color:#ffffab}.jsoneditor .jsoneditor-text-errors tr.parse-error{background-color:#ee2e2e70}.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:url(/resources/images/jsoneditor-icons.svg) -168px -48px}.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error{background:url(/resources/images/jsoneditor-icons.svg) -25px 0}.fadein{-webkit-animation:fadein .3s;animation:fadein .3s;-moz-animation:fadein .3s;-o-animation:fadein .3s}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.jsoneditor-contextmenu-root{position:relative;width:0;height:0}.jsoneditor-contextmenu{position:absolute;box-sizing:content-box;z-index:99}.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 4px 0 0;margin:0;width:128px;height:auto;border:none;cursor:pointer;color:#4d4d4d;background:0 0;font-size:10pt;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;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;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:url(/resources/images/jsoneditor-icons.svg) 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(/resources/images/jsoneditor-icons.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;-moz-appearance:none;appearance:none;text-indent:0;text-overflow:"";font-size:10pt;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%}.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:top;font-weight:400;color:#4d4d4d;border-spacing:0;border-collapse:collapse}.jsoneditor-modal #query,.jsoneditor-modal input,.jsoneditor-modal select,.jsoneditor-modal textarea{background:#fff;border:1px solid #d3d3d3;color:#4d4d4d;border-radius:3px;padding:4px}.jsoneditor-modal,.jsoneditor-modal #query,.jsoneditor-modal input,.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:"dejavu sans mono","droid sans mono",consolas,monaco,"lucida console","courier new",courier,monospace,sans-serif;font-size:10pt;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-menu{width:100%;height:35px;padding:2px;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;background-color:#2A3F54;border-bottom:1px solid #2A3F54}.jsoneditor-menu>.jsoneditor-modes>button,.jsoneditor-menu>button{width:26px;height:26px;margin:2px;padding:0;border-radius:2px;border:1px solid transparent;background:transparent url(/resources/images/jsoneditor-icons.svg);color:#fff;opacity:.8;font-family:arial,sans-serif;font-size:10pt;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{display:none; background-position:-120px -96px}.jsoneditor-menu>button.jsoneditor-transform{display:none;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;}.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:10pt;color:#fff;opacity:.8;vertical-align:middle}.jsoneditor-menu a:hover{opacity:1}.jsoneditor-menu a.jsoneditor-poweredBy{display:none;font-size:8pt;position:absolute;right:0;top:0;padding:10px}.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}.jsoneditor-search button{width:16px;height:24px;padding:0;margin:0;border:none;background:url(/resources/images/jsoneditor-icons.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 .autocomplete.dropdown{position:absolute;background:#fff;box-shadow:2px 2px 12px rgba(128,128,128,.3);border:1px solid #d3d3d3;z-index:100;overflow-x:hidden;overflow-y:auto;cursor:default;margin:0;padding:5px;text-align:left;outline:0;font-family:"dejavu sans mono","droid sans mono",consolas,monaco,"lucida console","courier new",courier,monospace,sans-serif;font-size:10pt}.jsoneditor .autocomplete.dropdown .item{color:#333}.jsoneditor .autocomplete.dropdown .item.hover{background-color:#ddd}.jsoneditor .autocomplete.hint{color:#aaa;top:4px;left: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:999;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:10pt}.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}.jsoneditor-statusbar{line-height:26px;height:26px;color:grey;background-color:#ebebeb;border-top:1px solid #d3d3d3;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10pt}.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:url(/resources/images/jsoneditor-icons.svg) -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:url(/resources/images/jsoneditor-icons.svg) -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-navigation-bar{width:100%;height:26px;line-height:26px;padding:0;margin:0;border-bottom:1px solid #d3d3d3;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:grey;background-color:#ebebeb;overflow:hidden;font-family:arial,sans-serif;font-size:10pt}/*!
 * Selectr 2.4.0
 * https://github.com/Mobius1/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:'';-o-transform:rotate(0) translate3d(0,-50%,0);-ms-transform:rotate(0) translate3d(0,-50%,0);-moz-transform:rotate(0) translate3d(0,-50%,0);-webkit-transform:rotate(0) translate3d(0,-50%,0);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;-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);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{-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.selectr-clear:after,.selectr-input-clear::after,.selectr-tag-remove::after{-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);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{-o-transform:rotate(180deg) translate3d(0,50%,0);-ms-transform:rotate(180deg) translate3d(0,50%,0);-moz-transform:rotate(180deg) translate3d(0,50%,0);-webkit-transform:rotate(180deg) translate3d(0,50%,0);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:'';-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-o-transform-origin:50% 0 0;-ms-transform-origin:50% 0 0;-moz-transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;-moz-animation:.5s linear 0s normal forwards infinite running spin;-webkit-animation:.5s linear 0s normal forwards infinite running spin;animation:.5s linear 0s normal forwards infinite running spin;border-width:3px;border-style:solid;border-color:#aaa #ddd #ddd;border-radius:50%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0) translate3d(0,-50%,0);transform:rotate(0) translate3d(0,-50%,0)}100%{-webkit-transform:rotate(360deg) translate3d(0,-50%,0);transform:rotate(360deg) translate3d(0,-50%,0)}}@keyframes spin{0%{-webkit-transform:rotate(0) translate3d(0,-50%,0);transform:rotate(0) translate3d(0,-50%,0)}100%{-webkit-transform:rotate(360deg) translate3d(0,-50%,0);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}.selectr-container.inverted .selectr-options-container{top:auto;bottom:calc(100% - 1px)}.selectr-container ::-webkit-input-placeholder{color:#6c7a86;opacity:1}.selectr-container ::-moz-placeholder{color:#6c7a86;opacity:1}.selectr-container :-ms-input-placeholder{color:#6c7a86;opacity:1}.selectr-container ::placeholder{color:#6c7a86;opacity:1}/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}/* CSS Panels *//* Autogenerated: system_info */.panel__system_info>.panel-title {
    position: relative;
    font-size: 24px;
    flex: 0 0 44px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.panel__system_info .info-host {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
    overflow: auto;
    height: 100%;
    padding: 5px;
}

.panel__system_info .content-host {
    font-size: 15px;
}

.panel__system_info .guid {
    padding: 4px;
    border-radius: 4px;
    font-family: var(--monospace);
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.05);
    user-select: all;
}

.panel__system_info .centered-text {
    text-align: center;
}

.panel__system_info .header-host {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.panel__system_info .actions-host {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.panel__system_info .license-capabilitites-items {
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;
}

.panel__system_info .capability-item {
    display: flex;
    align-items: center;
}

.panel__system_info .capability {
    padding: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}

.panel__system_info .capability.capability-enabled {
    background-color: rgba(191, 224, 182, 0.2);
    border-color: rgba(191, 224, 182, 0.8);
    color: #6aa84f;
}

.panel__system_info .license-valid {
    font-weight: bold;
    padding: 4px;
    border-radius: 4px;
    background-color: rgba(191, 224, 182, 0.2);
    border: 1px solid rgba(191, 224, 182, 0.8);
    color: #6aa84f;
}

.panel__system_info .license-invalid {
    font-weight: bold;
    padding: 4px;
    border-radius: 4px;
    background-color: rgba(220, 20, 60, 0.2);
    border: 1px solid rgba(220, 20, 60, 0.5);
    color: rgb(66,6,18);
}


.panel__system_info .license-error {
    padding: 4px;
    border-radius: 4px;
    background-color: rgba(220, 20, 60, 0.2);
    border: 1px solid rgba(220, 20, 60, 0.5);
    font-weight: bold;
    color: rgb(66,6,18);
}


.bpe-software-upgrade {
    position: relative;
    min-width: 500px;
    min-height: 128px;
    max-height: 90vh;
    display: flex;
    flex-flow: column;

}

.bpe-software-upgrade .window-host {
    display: flex;
    flex-flow: column nowrap;
}

.bpe-software-upgrade .window-host>.content {
    flex: 1;
}

.bpe-software-upgrade .window-host>.content.bpe-pkg-uploader {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}

.bpe-software-upgrade .window-host>.content.bpe-pkg-info {
    flex-shrink: 0;
    flex-basis: 50vh;
    overflow: auto;
}

.bpe-software-upgrade .window-host>.content.bpe-pkg-upgrade {
    flex-shrink: 0;
    flex-basis: 25vh;
    display: flex;
    flex-flow: column nowrap;
    font-family: var(--monospace);
    overflow: auto;
}


.bpe-software-upgrade .window-host>.buttons {
    position: relative;
    flex: 0 0 36px;
    margin-top: 10px;
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}

.bpe-software-upgrade .bpe-pkg-upgrade>.logline {
    position: relative;
    width: 100%;
    flex: 0 0 28px;
    display: flex;
    align-items: center;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bpe-software-upgrade .window-host>.content.bpe-pkg-fetch {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 64px;
    overflow: auto;
}

.bpe-software-upgrade .window-host>.changelog {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 256px;
    overflow: auto;
}

.bpe-software-upgrade .upgrade-search {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.bpe-software-upgrade .upgrade-search>.loader {
    position: relative;
    flex: 0 0 28px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top: 4px solid royalblue;
    width: 28px;
    height: 28px;
    -webkit-animation: spin 0.6s linear infinite;
    /* Safari */
    animation: spin 0.6s linear infinite;
}

.bpe-software-upgrade .upgrade-search>.text {
    font-size: 20px;
    color: #1c1c1c;
    margin-bottom: 10px;
}

/* Autogenerated: settings */.panel__settings {
    background-color: inherit;
}

.panel__settings .frame-controls {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel__settings .main-host {
    position: relative;
}

.panel__settings .folder-view {
    position: relative;
    width: 100%;
    height: 100%;

    background-color: inherit;

    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    gap: 20px;
    overflow: auto;
}

.panel__settings .folder-item {
    background-color: inherit;
    position: relative;
    height: 96px;
    width: 96px;
    border: 1px solid transparent;

    display: flex;
    flex-flow: column nowrap;
    background: inherit;
    cursor: pointer;
    border-radius: 4px;

    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    user-select: none;
}

.panel__settings .folder-item:hover {
    cursor: pointer;
}

.panel__settings .folder-item>.icon {
    position: relative;
    flex: 1;

    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
}

.panel__settings .folder-item>.label {
    position: relative;
    flex: 0 0 32px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    text-align: center;
    word-break: break-word;
}


.panel__settings .panel-view {
    position: relative;
    width: 100%;
    height: 100%;

    background-color: inherit;
}

.panel__settings .panel-view .panel-frame {
    position: relative;
    width: 100%;
    height: 100%;
}

.panel__settings .panel-view .panel-frame-controls {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel__settings .panel-view .panel-frame-host {
    overflow: auto;
}

/* Autogenerated: mqtt */.panel__mqtt_interface {
    position: relative;
}

.panel__mqtt_interface .full-height-frame {
    height: 100%;
}

.panel__mqtt_interface .frame-header {
    gap: 10px;
}

.panel__mqtt_interface .frame-controls {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}

.panel__mqtt_interface .config-host {
    overflow: auto;
}


.panel__mqtt_interface .logtable-container {
    overflow: auto;
}

.panel__mqtt_interface .sections-tab {
    font-size: 18px;
}

.panel__mqtt_interface .sections-tab .tabhost {
    font-size: 16px;
}


.panel__mqtt_interface .configuration-host {
    position: relative;
    max-width: 800px;
    min-height: 0px;
    display: flex;
    flex-flow: column nowrap;
    gap: 30px;
}

.panel__mqtt_interface .configuration-host .configuration-container{
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}

.panel__mqtt_interface .informations {
    position: relative;
    max-width: 780px;
    padding: 10px;
    border-radius: 10px;
    background-color: #F8F8FF;
    border: 1px solid #ededfe;

    font-size: 12px;
}

.panel__mqtt_interface .informations>.title {
    position: relative;
    height: 28px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 5px;
}

.panel__mqtt_interface .broker-selector {
    width: 350px;
    font-size: 16px;
    z-index: 2;
}

.panel__mqtt_interface .summary {
    padding: 10px;
}

.panel__mqtt_interface .actions-host {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.panel__mqtt_interface .actions-host>*:not(:first-child) {
    margin-left: 10px;
}

.panel__mqtt_interface .centered-text {
    text-align: center;
}

.panel__mqtt_interface .content-frame {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;

    display: flex;
    flex-flow: column nowrap;

    font-size: 14px;
}

.panel__mqtt_interface .content-frame>.configuration-editor {
    position: relative;
    flex: 1;
    overflow: auto;

}

.panel__mqtt_interface .content-frame>.configuration-buttons {
    position: relative;
    flex: 0 0 48px;
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 30px;
}




.panel__mqtt_interface .input-row {
    position: relative;
    height: 48px;
    width: auto;
    padding: 10px;
    display: flex;
    flex-flow: row nowrap;
}

.panel__mqtt_interface .input-row>.label {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-weight: bold;
    padding-right: 10px;
    width: 180px;
}

.panel__mqtt_interface .input-row>.field-container {
    position: relative;
    width: 350px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.panel__mqtt_interface .input-row>.field-separator {
    position: relative;
    width: 20px;
}

.panel__mqtt_interface .topic-text {
    width: 100%;
    font-family: var(--monospace);
    color: #505e6d;
}

.panel__mqtt_interface .log-item-timestamp {
    text-align: center;
    font-weight: bold;
}
.panel__mesh_mqtt_broker {
    position: relative;
}

.panel__mesh_mqtt_broker .full-height-frame {
    min-height: 0px;
    height: 100%;
}

.panel__mesh_mqtt_broker .full-screen-frame {
    height: 100%;
}

.panel__mesh_mqtt_broker .frame-header{
    gap: 10px;
}

.panel__mesh_mqtt_broker .frame-controls{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}

.panel__mesh_mqtt_broker .logtable-container {
    overflow: auto;
}

.panel__mesh_mqtt_broker .summary {
    padding: 10px;
}

.panel__mesh_mqtt_broker .broker-selector {
    width: 350px;
    font-size: 16px;
    z-index: 2;
}

.panel__mesh_mqtt_broker .actions-host {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.panel__mesh_mqtt_broker .options-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}



.panel__mesh_mqtt_broker .button-holder {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.panel__mesh_mqtt_broker .button-holder>*:not(:first-child) {
    margin-left: 10px;
}

.panel__mesh_mqtt_broker .centered-text {
    text-align: center;
}

.panel__mesh_mqtt_broker .identifier {
    text-align: center;
    font-weight: bold;
}


.panel__mesh_mqtt_broker .content-frame {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;

    display: flex;
    flex-flow: column nowrap;

    font-size: 14px;
}

.panel__mesh_mqtt_broker .content-frame>.log-frame {
    position: relative;
    flex: 1;
    overflow: auto;

}

.panel__mesh_mqtt_broker .content-frame>.buttons-frame {
    position: relative;
    flex: 0 0 48px;
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 30px;
}

.panel__mesh_mqtt_broker .input-row {
    position: relative;
    height: 48px;
    width: auto;
    padding: 10px;
    display: flex;
    flex-flow: row nowrap;
}

.panel__mesh_mqtt_broker .input-row>.label {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-weight: bold;
    padding-right: 10px;
    width: 180px;
}

.panel__mesh_mqtt_broker .input-row>.field-container {
    position: relative;
    width: 200px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.panel__mesh_mqtt_broker .input-row>.field-separator {
    position: relative;
    width: 20px;
}


.panel__mesh_mqtt_broker .log-item-timestamp {
    text-align: center;
    font-weight: bold;
}

.panel__mesh_mqtt_broker .centered-text {
    text-align: center;
    word-break: break-word;
}

.panel__mesh_mqtt_broker .mesh-packet-data {
    color: inherit;
}

.panel__mesh_mqtt_broker .event-packet-data {
    color: inherit;
}

.panel__mesh_mqtt_broker .event-id {
    text-align: center;
    font-weight: bold;
}

.panel__mesh_mqtt_broker .log-item-message{
    word-break: break-word;
}

.panel__mesh_mqtt_broker .settings-host {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    min-width: 400px;
    padding: 10px !important;
}

.panel__mesh_mqtt_broker .settings-host>.editing-form {
    position: relative;
    flex: 1;
}

.panel__mesh_mqtt_broker .settings-host>.editing-buttons {
    position: relative;
    flex: 0 0 36px;
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}


.panel__mesh_mqtt_broker .sections-tab {
    font-size: 18px;
}

.panel__mesh_mqtt_broker .sections-tab .tabhost {
    font-size: 16px;
}

/* Autogenerated: maps */.panel__maps {
    position: relative;
    background-color: inherit;
}

.panel__maps .full-screen-frame {
    height: 100%;
}

.panel__maps .empty-view {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: bold;
    gap: 10px;
}

.panel__maps .empty-view>.img {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.panel__maps .maps-view {
    position: relative;
    width: 100%;
    height: 100%;

    background: inherit;

    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    padding: 10px;
    align-content: flex-start;
    color: #323232;
}

.panel__maps .map-launcher {
    position: relative;
    height: 160px;
    width: 160px;
    background-color: #fafafa;
    border: 2px solid #f7f7f7;

    display: flex;
    flex-flow: column nowrap;
    background: inherit;
    cursor: pointer;
    border-radius: 4px;

    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    user-select: none;
}

.panel__maps .map-launcher:hover {
    cursor: pointer;
}

.panel__maps .map-launcher>.icon {
    position: relative;
    flex: 1;
    padding: 10px;
}

.panel__maps .map-launcher>.icon>.image {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.panel__maps .map-launcher>.description {
    position: relative;
    flex: 0 0 32px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font: inherit;
    font-size: 16px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    text-align: center;
    word-break: break-word;
}

.panel__maps .map-frame {
    position: relative;
    width: 100%;
    height: 100%;
}


.panel__maps .empty-map-placeholder {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.panel__maps .empty-map-placeholder>.empty-map-disclaimer {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    border: 2px solid #f1f1f1;
    border-radius: 8px;
    background-color: #f8f8f8;
    padding: 8px;
    opacity: 0.8;
    text-align: center;
}

.panel__maps .map-tab {
    font-size: 18px;
}

.panel__maps .map-tab-host {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.panel__maps .actions-host {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
}

.panel__maps .map-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    gap: 2px;
}

.panel__maps .map-container>.frame {
    position: relative;
    flex: 1;

    display: flex;
    flex-flow: column nowrap;
}

.panel__maps .map-container>.frame>.map-container {
    position: relative;
    flex: 1;
}

.panel__maps .map-container>.frame>.ctx-controls {
    position: relative;
    flex: 0 0 48px;
    background-color: white;
    border-top: 1px solid gainsboro;

    display: flex;
    flex-flow: row nowrap;
    gap: 20px;
    margin-bottom: -5px;
}

.panel__maps .map-container>.frame>.ctx-controls>.map-scale {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 16px;
    color: #1c1c1c;
}

.panel__maps .map-container>.frame>.ctx-controls>.cursor-position {
    position: relative;
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 16px;
    color: #1c1c1c;
}

.panel__maps .map-container>.frame>.ctx-controls>.tag-filter {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 16px;
    color: #1c1c1c;
}

.panel__maps .map-container>.frame>.ctx-controls>.reset-zoom {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}



.panel__maps .map-container>.frame>.ctx-controls>.action-buttons {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #1c1c1c;
}


.panel__maps .map-container>.options {
    position: relative;
    flex: 0 0 300px;
    padding: 5px;
    background-color: rgba(0, 0, 0, .01);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
}

.panel__maps .map-container>.options .options-tab {
    font-size: 14px;
}

.panel__maps .map-container .frame-options {
    height: 100%;
}

.panel__maps .frame-inner:not(:first-child) {
    margin-top: 10px;
}

.panel__maps .map-actions-host>*:not(:first-child) {
    margin-top: 5px;
}

.panel__maps .frame-button-container {
    padding: 10px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: center;
}

.panel__maps .frame-button-container div[widget-type="button"] {
    width: 100%;
}

.panel__maps .frame-button-container div[widget-type="button"]:not(:last-child) {
    margin-bottom: 5px;
}

/* Autogenerated: mesh_networks_configuration */.panel__mesh_networks_configuration {
    position: relative;
}

.panel__mesh_networks_configuration .main-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel__mesh_networks_configuration .main-controls {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel__mesh_networks_configuration .no-network-disclaimer {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 28px;
}

.panel__mesh_networks_configuration .network-view {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    padding: 20px;
    align-content: flex-start;
}

.panel__mesh_networks_configuration .configuration-template {
    position: relative;
    height: 200px;
    width: 278px;
    border: 2px solid transparent;
    display: flex;
    flex-flow: column nowrap;
    background: inherit;
    padding: 4px;
    border-radius: 8px;
}

.panel__mesh_networks_configuration .configuration-template.removing {
    pointer-events: none;
}

.panel__mesh_networks_configuration .configuration-template>.diagnostics {
    position: absolute;
    left: 5px;
    top: 5px;
    color: inherit;
    font-weight: bold;
    z-index: 1;
    user-select: none;
}

.panel__mesh_networks_configuration .configuration-template>.node-classes {
    position: absolute;
    right: 5px;
    top: 5px;
    color: inherit;
    font-weight: bold;
    z-index: 1;
    user-select: none;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 2px;
}

.panel__mesh_networks_configuration .configuration-template>.icon {
    position: relative;
    flex: 1;
    background-repeat: no-repeat;
    background-size: 48px;
    background-position: center;
}

.panel__mesh_networks_configuration .configuration-template>.description {
    position: relative;
    word-break: break-word;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-end;
    font-weight: bold;
    font-size: 1.2em;
}

.panel__mesh_networks_configuration .configuration-template>.identifier {
    position: relative;
    height: 32px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
}

.panel__mesh_networks_configuration .configuration-template>.actions {
    position: relative;
    height: 48px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.panel__mesh_networks_configuration .configuration-template>.actions>.container {
    position: relative;
    width: 80%;
    height: 28px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
    border-radius: 14px;
}

.panel__mesh_networks_configuration .configuration-template>.actions>.container>.action {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: border-color 0.3s ease-in-out;
}

.panel__mesh_networks_configuration .configuration-template>.actions>.container>.action:hover {
    cursor: pointer;
}

.panel__mesh_networks_configuration .configuration-template>.last-update {
    position: relative;
    height: 28px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.panel__mesh_networks_configuration .configuration-host {
    overflow: auto;
}

.panel__mesh_networks_configuration .main-frame {
    position: relative;
    height: 100%;
}

.panel__mesh_networks_configuration .main-frame-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}

.panel__mesh_networks_configuration .main-frame-controls,
.panel__mesh_networks_configuration .actions-host {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}

.panel__mesh_networks_configuration .main-frame-host {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
    padding: 10px;
}

.panel__mesh_networks_configuration .configurations-container {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
    padding: 10px;
    overflow: auto;
}

.panel__mesh_networks_configuration .empty-view {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: bold;
    gap: 10px;
}

.panel__mesh_networks_configuration .diagnostics-control {
    max-width: 600px;
}

.panel__mesh_networks_configuration .configuration-section {
    position: relative;
    height: 36px;
    width: auto;
    padding: 10px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    color: #5c6c7c;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 8px;
    background-color: #f4f4f4;
    user-select: none;
}

.panel__mesh_networks_configuration .configuration-section:not(:first-child) {
    margin-top: 30px;
}


.panel__mesh_networks_configuration .input-row {
    position: relative;
    min-height: 48px;
    width: auto;
    padding: 10px;
    display: flex;
    flex-flow: row nowrap;
}

.panel__mesh_networks_configuration .input-row>.label {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-weight: bold;
    padding-right: 10px;
    width: 180px;
}

.panel__mesh_networks_configuration .input-row>.field-container {
    position: relative;
    width: 200px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.panel__mesh_networks_configuration .input-row>.field-container.slider-widget {
    margin-top: 24px;
}

.panel__mesh_networks_configuration .input-row>.field-separator {
    position: relative;
    width: 20px;
}

.panel__mesh_networks_configuration .beaconing-options {
    position: relative;
    flex: 1;
    margin-left: 20px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.panel__mesh_networks_configuration .beaconing-options>.label {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-weight: bold;
    padding-right: 10px;
    margin-left: 10px;
}

.panel__mesh_networks_configuration .beaconing-options>field-separator {
    position: relative;
    width: 20px;
}

.panel__mesh_networks_configuration .beaconing-options>.field-container {
    position: relative;
    width: 200px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}



.panel__mesh_networks_configuration .input-table {
    position: relative;
    width: auto;
    font-size: 16px;
    display: flex;
    flex-flow: row nowrap;
}

.panel__mesh_networks_configuration .input-table>.side-labels {
    position: relative;
    width: auto;

    flex: 0 0 200px;
    border: 1px solid transparent;
    border-right: none;
}

.panel__mesh_networks_configuration .input-table>.side-labels>.label {
    position: relative;
    height: 48px;
    display: flex;
    flex-flow: row nowrap;
    font-weight: bold;
    padding-left: 10px;
    align-items: center;
    border-bottom: 1px solid transparent;
}

.panel__mesh_networks_configuration .input-table>.grid {
    position: relative;
    width: auto;
    flex: 1;

}



.panel__mesh_networks_configuration .input-table>.grid>.header {
    position: relative;
    height: 48px;
    width: auto;

    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;

    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid gainsboro;
}

.panel__mesh_networks_configuration .input-table>.grid>.columns {
    position: relative;
    height: 48px;
    width: auto;

    display: flex;
    flex-flow: row nowrap;
}

.panel__mesh_networks_configuration .input-table>.grid>.columns>.column {
    position: relative;

    flex: 1;

    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    border-left: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
    font-weight: bold;
}

.panel__mesh_networks_configuration .input-table>.grid>.columns>.column:last-child {
    border-right: 1px solid gainsboro;
}

.panel__mesh_networks_configuration .input-table>.grid>.row {
    position: relative;
    height: 48px;
    width: auto;

    display: flex;
    flex-flow: row nowrap;

}

.panel__mesh_networks_configuration .input-table>.grid>.row>.item {
    position: relative;

    flex: 1;

    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    border-left: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
}

.panel__mesh_networks_configuration .input-table>.grid>.row>.item:last-child {
    border-right: 1px solid gainsboro;
}

.panel__mesh_networks_configuration .hidden {
    display: none;
}

/* Autogenerated: mesh_gateways */.panel__mesh_gateways {
    position: relative;
}

.panel__mesh_gateways .full-height-frame {
    min-height: 100%;
}

.panel__mesh_gateways .actions-host {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.panel__mesh_gateways .main-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel__mesh_gateways .gateway-frame-host {

    overflow: auto;
}

.panel__mesh_gateways .gateway-frame-host>*:not(:first-child) {
    margin-top: 20px;
}

.panel__mesh_gateways .gw-id {
    display: flex !important;
    flex-flow: row nowrap;
    align-items: center;
    gap: 5px;
    border: none;
}

.panel__mesh_gateways .gw-id>.icon {
    position: relative;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;

}

.panel__mesh_gateways .gw-id>.identifier {
    font-weight: bold;
}

.panel__mesh_gateways .centered-text {
    text-align: center;
}

.panel__mesh_gateways .centered-contents > * {
    margin: auto;
}
.panel__mesh_gateways .identifier {
    text-align: center;
    font-weight: bold;
}

.panel__mesh_gateways .guid {
    padding: 4px;
    border-radius: 4px;
    font-family: var(--monospace);
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.05);
    user-select: all;
}

.meshgateway-discoverer {
    position: relative;
    width: 600px;
    min-height: 128px;
    max-height: 90%;
    display: flex;
    flex-flow: column;
}

.meshgateway-discoverer .window-host {
    display: flex;
    flex-flow: column nowrap;
}

.meshgateway-discoverer .window-host>.content {
    flex: 1;
}

.meshgateway-discoverer .window-host>.content > .processing {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.meshgateway-discoverer .window-host>.content > .processing > .loader {
    position: relative;
    flex: 0 0 32px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top: 4px solid royalblue;
    width: 16px;
    height: 16px;
    -webkit-animation: spin 0.6s linear infinite;
    /* Safari */
    animation: spin 0.6s linear infinite;
}

.meshgateway-discoverer .window-host>.content > .processing > .text {
    font-size: 16px;
    color: #1c1c1c;
}

.meshgateway-discoverer .window-host>.buttons {
    position: relative;
    flex: 0 0 36px;
    width: auto;
    display: flex;
    margin-top: 20px;
    flex-flow: row nowrap;
    justify-content: space-around;
}

.meshgateway-discoverer .gw-id>.identifier {
    font-weight: bold;
}

.meshgateway-discoverer .centered-text {
    text-align: center;
}

.meshgateway-discoverer .identifier {
    font-weight: bold;
    color: #1c1c1c;
}



/* Autogenerated: mesh_nodes */.panel__mesh_nodes {
    position: relative;
}

.panel__mesh_nodes .full-height-frame {
    height: 100%;
}

.panel__mesh_nodes .node-host {
    overflow: auto;
}

.panel__mesh_nodes .main-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel__mesh_nodes .actions-host {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}

.panel__mesh_nodes .centered-contents>* {
    margin: auto;
}

.panel__mesh_nodes .centered-text {
    text-align: center;
}

.panel__mesh_nodes .node-subnet,
.panel__mesh_nodes .node-group,
.panel__mesh_nodes .node-alias {
    font-weight: bold;
    text-align: center;
    transition: background-color 0.25s ease-in-out;
}
.panel__mesh_nodes .node-subnet:hover,
.panel__mesh_nodes .node-group:hover,
.panel__mesh_nodes .node-alias:hover {
    background-color: #f0f0f0;
}

.panel__mesh_nodes .identifier {
    font-weight: bold;
    color: #1c1c1c;
    text-align: center;
}


.panel__mesh_nodes .mesh-address-code {
    text-align: center;
    font-weight: 600;
    color: rgb(88, 88, 88);
}

.panel__mesh_nodes .frame-container div[widget-type="frame"]:not(:first-child) {
    margin-top: 20px;
}



.nodes-fwupgrade {
    position: relative;
    min-width: 400px;
    min-height: 128px;
    display: flex;
    flex-flow: column;
}

.nodes-fwupgrade .window-host {
    display: flex;
    flex-flow: column nowrap;
}

.nodes-fwupgrade .window-host>.content {
    flex: 1;
}

.nodes-fwupgrade .window-host>.buttons {
    position: relative;
    flex: 0 0 36px;
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}

.mesh-network-tree {
    position: relative;
}

.mesh-network-tree .frame-main{
    position: relative;
    width: 100%;
    height: 100%
}
.mesh-network-tree .frame-header{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}
.mesh-network-tree .frame-controls{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}
.mesh-network-tree .frame-host{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}

.mesh-network-tree .frame-host > .tree-info{
    position: relative;
}

.mesh-network-tree .frame-host > .tree-data{
    position: relative;
    flex: 1;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 4px;
}


.mesh-network-tree .frame-host > .tree-data span.mesh-node-role{
    font-weight: bold;
}

/* Autogenerated: mesh_sensors */.panel__mesh_sensors {
    position: relative;
}

.panel__mesh_sensors .full-height-frame {
    height: 100%;
}

.panel__mesh_sensors .empty-view {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: bold;
    gap: 10px;
}

.panel__mesh_sensors .empty-view > .img{
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.panel__mesh_sensors .actions-host {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.panel__mesh_sensors .main-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel__mesh_sensors .main-host {
    height: 100%;

}

.panel__mesh_sensors .centered-text {
    text-align: center;
}

.panel__mesh_sensors .identifier {
    font-weight: bold;
    color: #1c1c1c;
}

.panel__mesh_sensors .sensors-view {
    display: flex;
    flex-flow: row wrap;
    gap: 40px;
    padding: 20px;
    align-content: flex-start;
    justify-content: flex-start;
    overflow: auto;
}

.panel__mesh_sensors .sensor-widget {
    position: relative;
    height: 247px;
    width: 400px;
    border: 2px solid transparent;
    display: flex;
    flex-flow: column nowrap;
    background: inherit;
    padding: 4px;
    border-radius: 8px;
}



.panel__mesh_sensors .sensor-widget>.header {
    position: relative;
    height: 48px;
    display: flex;
    flex-flow: row nowrap;
}

.panel__mesh_sensors .sensor-widget>.header>.identifiers {
    position: relative;
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
}

.panel__mesh_sensors .sensor-widget>.header>.identifiers>.id-alias {
    position: relative;
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-weight: bold;
    font-size: 1.4em;
}

.panel__mesh_sensors .sensor-widget>.header>.identifiers>.id-identifier {
    position: relative;
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.panel__mesh_sensors .sensor-widget>.header>.controls {
    display: flex;
    flex-flow: row;
    gap: 5px;
    align-items: center;
}

.panel__mesh_sensors .sensor-widget>.header>.controls>.state-indicator {
    position: relative;
    height: 100%;
    width: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    transition: background-color 0.2s ease-in-out;
}

.panel__mesh_sensors .sensor-widget>.measures {
    position: relative;
    flex: 1;
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
}

.panel__mesh_sensors .sensor-widget>.measures>.measurement {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    background-color: rgba(0, 0, 0, 0.01);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.02);
}



.panel__mesh_sensors .sensor-widget>.measures>.measurement>.m-icon {
    flex: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.02);
}

.panel__mesh_sensors .sensor-widget>.measures>.measurement>.m-value {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.1em;
}

.panel__mesh_sensors .sensor-widget>.last-update {
    position: relative;
    height: 28px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.panel__mesh_sensors .sensor-widget>.actions {
    position: relative;
    height: 36px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.panel__mesh_sensors .sensor-widget>.actions>.container {
    position: relative;
    width: 80%;
    height: 28px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
    border-radius: 14px;
}

.panel__mesh_sensors .sensor-widget>.actions>.container>.action {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.panel__mesh_sensors .sensor-widget>.actions>.container>.action:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.05);
}

.panel__mesh_sensors .sensor-charts {
    height: 100%;
}

.panel__mesh_sensors .sensor-charts .sensor-charts-ctrl {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 5px;
}

.panel__mesh_sensors .sensor-charts .sensor-charts-host {
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;
}

.panel__mesh_sensors .sensor-charts .sensor-charts-host>.charts-header {
    flex: 0 0 20%;
    display: flex;
    flex-flow: row nowrap;
    gap: 10px
}

.panel__mesh_sensors .sensor-charts .sensor-charts-host>.charts-header>.measurement {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    background-color: rgba(0, 0, 0, 0.01);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.02);
}

.panel__mesh_sensors .sensor-charts .sensor-charts-host>.charts-header>.measurement :hover {
    cursor: pointer;
    border: 3px solid rgba(0, 0, 0, 0.02);
}

.panel__mesh_sensors .sensor-charts .sensor-charts-host>.charts-header>.measurement>.m-title {
    flex: 2;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.2em;
    border: none;
}

.panel__mesh_sensors .sensor-charts .sensor-charts-host>.charts-header>.measurement>.m-icon {
    flex: 4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    border: none;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.02);
}

.panel__mesh_sensors .sensor-charts .sensor-charts-host>.charts-header>.measurement>.m-value {
    flex: 4;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.5em;
    border: none;
}

.panel__mesh_sensors .sensor-charts .sensor-charts-host>.charts-container {
    flex: 1;
    display: flex;
    flex-flow: row;
    background-color: rgba(0, 0, 0, 0.01);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.02);
    padding: 5px;
}

.panel__mesh_sensors .chart-panel {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
}

.panel__mesh_sensors .chart-panel > .header{
    flex: 0 0 32px;
    height: 32px;
    display: none;
}

.panel__mesh_sensors .chart-panel > .content{
   flex: 1;
}

.panel__mesh_sensors .chart-panel > .content > canvas{
    position: relative;
    width: 100%;
    height: 100%;
 }

/* Autogenerated: mesh_beacons */.panel__mesh_beacons {
    position: relative;
}

.panel__mesh_beacons .full-height-frame {
    height: 100%;
}

.panel__mesh_beacons .main-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel__mesh_beacons .frame-controls {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 5px;
}

.panel__mesh_beacons .beacons-host {
    overflow: auto;
    display: flex;
    flex-flow: column nowrap;
    gap: 20px
}

.panel__mesh_beacons .centered-text {
    text-align: center;
}

.panel__mesh_beacons .centered-contents>* {
    margin: auto;
}

.panel__mesh_beacons .node-group,
.panel__mesh_beacons .node-alias {
    font-weight: bold;
    text-align: center;
    transition: background-color 0.25s ease-in-out;
}

.panel__mesh_beacons .node-group:hover,
.panel__mesh_beacons .node-alias:hover {
    background-color: #f0f0f0;
}

.panel__mesh_beacons .identifier {
    font-weight: bold;
    color: #1c1c1c;
}

.panel__mesh_beacons .frame-container div[widget-type="frame"]:not(:first-child) {
    margin-top: 20px;
}


.panel__mesh_beacons .beacon-frame-container {
    position: relative;

    display: flex;
    flex-flow: row wrap;
    gap: 5px;
    justify-content: center;
}

.panel__mesh_beacons .beacon-frame {
    position: relative;
    height: 28px;

    display: flex;
    flex-flow: row nowrap;

    font-size: 14px;
    white-space: nowrap;
}

.panel__mesh_beacons .beacon-frame:not(:first-child) {
    margin-left: 10px;
}


.panel__mesh_beacons .beacon-frame-label {
    position: relative;

    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding: 0px 5px;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;

    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    border-right: none;
    background-color: #f7f7f7;
    color: #143c57;
    font-weight: bold;

    user-select: none;
}

.panel__mesh_beacons .beacon-frame-text {
    position: relative;

    min-width: 40px;
    padding: 0px 5px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;

    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;

    border-width: 1px;
    border-style: solid;
    border-left: none;
    border-color: #DCDCDC;
    background-color: #f7f7f7;
    color: #1c1c1c;
}

/* Autogenerated: plugins */.panel__plugins {
    background-color: inherit;
}

.panel__plugins .full-height-frame {
   height: 100%;
}

.panel__plugins .empty-view {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: bold;
    gap: 10px;
}

.panel__plugins .hidden {
    display: none;
}

.panel__plugins .actions-host {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.panel__plugins .plugin-add-frame {
    padding: 3px;
    display: flex;
    flex-flow: column nowrap;
    min-width: 450px;
    overflow: hidden;
}

.panel__plugins .plugin-add-frame>.buttons {
    position: relative;
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 10px;
}

.panel__plugins .plugins-view {
    position: absolute;
    width: 100%;
    height: 100%;

    background: inherit;

    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    padding: 10px;
    align-content: flex-start;
    color: #323232;
}

.panel__plugins .plugin-form-header {
    margin-left: 10px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.panel__plugins .plugin-version {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    opacity: 0.85;
    padding: 8px;
    border-radius: 16px;
    color: #fff;
    background-color: #5f9747;
    border: 1px solid #54863f;
}

.panel__plugins .plugin-launcher {
    position: relative;
    height: 128px;
    width: 128px;
    background-color: #fafafa;
    border: 2px solid #f7f7f7;

    display: flex;
    flex-flow: column nowrap;
    background: inherit;
    cursor: pointer;
    border-radius: 4px;

    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    user-select: none;
}

.panel__plugins .plugin-launcher:hover {
    cursor: pointer;
}

.panel__plugins .plugin-launcher>.icon {
    position: relative;
    flex: 1;

    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
}

.panel__plugins .plugin-launcher>.description {
    position: relative;
    flex: 0 0 32px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font: inherit;
    font-size: 16px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    text-align: center;
    word-break: break-word;
}

.panel__plugins .plugin-launcher>.version {
    position: relative;
    height: 14px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font: inherit;
    font-size: 12px;
    margin: 2px;
    text-align: center;
}

.panel__plugins .plugin-launcher>.version>span {
    position: relative;
}

.panel__plugins .plugin-handler{
    color: currentColor;
} 

.panel__plugins .ui_plugin-information {
    overflow: auto;
}

.panel__plugins .ui_plugin-configuration {
    overflow: auto;
}

.panel__plugins .ui_plugin-window {
    overflow: auto;
}

.plugin-import {
    position: relative;
    min-width: 600px;
    min-height: 128px;
    display: flex;
    flex-flow: column;
}

.plugin-import .window-host {
    display: flex;
    flex-flow: column nowrap;
}

.plugin-import .window-host>.content {
    flex: 1;
}

.plugin-import .window-host>.buttons {
    position: relative;
    flex: 0 0 36px;
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    margin-top: 20px;
}

/* Autogenerated: api */.panel__api-http {
    position: relative;
}

.panel__api-http .full-screen-frame {
    height: 100%;
}

.panel__api-http .actions-host {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
}

.panel__api-http .main-frame-host {
    display: flex;
    flex-flow: row nowrap;
    gap: 5px
}

.panel__api-http .main-frame-host>.api-tree {
    flex: 0 0 650px;
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    padding-right: 8px;
    overflow: auto;
    user-select: none;
}

.panel__api-http .main-frame-host>.api-tree-resize {
    flex: 0 0 3px;
    background-color: transparent;
    cursor: col-resize;
}

.panel__api-http .main-frame-host>.api-tree-resize:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.panel__api-http .main-frame-host>.api-summary {
    flex: 1;
    color: #24292f;
    overflow: auto;
}

.panel__api-http .api-frame-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 20px;
}

.panel__api-http .api-frame-header>.api-description {
    border-radius: 4px;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.05);
    flex: 1;
}

.panel__api-http .api-frame-host {
    overflow: auto;
}

.panel__api-http .hover-label {
    font-weight: bold;
}

.panel__api-http .hover-label:hover {
    cursor: pointer;
    text-decoration: underline;
}

.panel__api-http span.api-method {
    border-radius: 4px;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    font-weight: bold;
    min-width: 56px;
    text-align: center;
}

.panel__api-http span.api-path-placeholder {
    color: slateblue;
    letter-spacing: 1px;
}

.panel__api-http .api-path {
    font-weight: bold;
    font-family: var(--monospace);;
    margin-left: 10px;
}

.panel__api-http .api-path.tv:hover {
    cursor: pointer;
    text-decoration: underline;
}
.panel__api-events {
    position: relative;
}

.panel__api-events .full-screen-frame {
    height: 100%;
}

.panel__api-events .actions-host {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
}

.panel__api-events .main-frame-host {
    display: flex;
    flex-flow: row nowrap;
    gap: 5px
}

.panel__api-events .main-frame-host>.events-tree {
    flex: 0 0 400px;
    background-color: rgba(0,0,0,0.02);
    overflow: auto;
    border-radius: 4px;
}

.panel__api-events .main-frame-host>.events-summary {
    flex: 1;
    color:#24292f;
    overflow: auto;
}

.panel__api-events .events-container {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
    width: auto;
    overflow: auto;
}

.panel__api-events .event-id {
    padding: 6px;
    user-select: all;
}

.panel__api-events .event-frame-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 20px;
}

.panel__api-events .event-frame-header>.description {
    color: #323232;
    font-style: italic;
    flex: 1;
}

.panel__api-events .event-frame-header>.source {
    margin-right: 10px;
}

.panel__api-events .event-frame-host {
    overflow: auto;
}

.panel__api-events .hover-label {
    font-weight: bold;
}

.panel__api-events .hover-label:hover{
    cursor: pointer;
    text-decoration: underline;
}
.panel__api-ftr-queries {
    position: relative;
}

.panel__api-ftr-queries .empty-view {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: bold;
    gap: 10px;
}

.panel__api-ftr-queries .full-screen-frame {
    height: 100%;
}

.panel__api-ftr-queries .actions-host {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
}

.panel__api-ftr-queries .main-view-host {
    flex: 1;
    position: relative;
    width: 100%;
    height: 100%;

    background-color: inherit;

    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    gap: 20px;
    overflow: auto;
}

.panel__api-ftr-queries .query-item{
    position: relative;
    height: 128px;
    width: 128px;
    background-color: #fafafa;
    border: 2px solid #f7f7f7;

    display: flex;
    flex-flow: column nowrap;
    background: inherit;
    cursor: pointer;
    border-radius: 4px;

    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    user-select: none;
}

.panel__api-ftr-queries .query-item:hover {
    cursor: pointer;
}

.panel__api-ftr-queries .query-item>.icon {
    position: relative;
    flex: 1;

    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
}

.panel__api-ftr-queries .query-item>.label {
    position: relative;
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    text-align: center;
    word-break: break-word;
}

.panel__api-ftr-queries .main-view-host>.info-host {
    flex: 1;
    overflow: auto;
}

.panel__api-ftr-queries .main-frame-host {
    display: flex;
    flex-flow: row nowrap;
    gap: 5px
}


.panel__api-ftr-queries .main-frame-host>.query-editors {
    flex: 1;
}

.panel__api-ftr-queries .main-frame-host>.query-editors .query-host {
    flex: 1;
    display: flex;
    gap: 5px
}

.panel__api-ftr-queries .main-frame-host>.query-editors .query-editor {
    flex: 1;
}

.panel__api-ftr-queries .main-frame-host>.query-editors .query-editor-header {
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}


.panel__api-ftr-queries .main-frame-host>.query-editors .query-editor-code {
    font-size: 20px;
    font-family: var(--monospace);
}

.panel__api-ftr-queries .main-frame-host>.query-editors .query-parameters {
    flex: 0 0 600px;
}


.panel__api-ftr-queries .centered-contents>* {
    margin: auto;
}

.panel__api-ftr-queries .parameter-value {
    text-align: center;
}

.panel__api-ftr-queries .parameter-key {
    font-weight: bold;
    text-align: center;
    font-family: var(--monospace);
}

.panel__api-ftr-queries span.api-path-placeholder {
    color: slateblue;
    letter-spacing: 1px;
    font-family: var(--monospace);
}

.panel__api-ftr-queries span.api-path-querystring {
    color: #404b56;
    letter-spacing: 1px;
    font-family: var(--monospace);
}

.panel__api-ftr-queries .api-path {
    font-weight: bold;
    font-family: var(--monospace);
}


/* Autogenerated: logs */.panel__logs  {
    position: relative;
}

.panel__logs .main-container-host{
    position: relative;
    height: 100%;
    min-height: 0px;

    display: flex;
    flex-flow: column nowrap;
}

.panel__logs  .log-tab{
    font-size: 18px;
}

.panel__logs .options-container{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}
.panel__logs .options-container > *:not(:first-child){
    margin-left: 10px;
}

.panel__logs .log-item-timestamp   {
    text-align: center;
    font-weight: bold;
}

.panel__logs .log-item-message{
    word-break: break-word;
}

.panel__logs .centered-text{
    text-align: center;
    word-break: break-word;
}

.panel__logs .event-description-overlay{
    min-width: 25%;
    min-height: 30%;
}

.panel__logs .full-screen-frame{
    height: 100%;
    
}

.panel__logs .logtable-container{
    font-size: 14px;
    overflow: auto;
}

.panel__logs .mesh-packet-data{
    color: inherit;
}

.panel__logs .event-packet-data{
    color: inherit;
}

.panel__logs .event-id{
    text-align: center;
    font-weight: bold;
}