:xxroot{--base-color:#ff0;--base-foreground-color:#fff;--background-color:#fff;--color:#000}.active{background:#d3d3d3}#overlay{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;cursor:pointer}.x-treelist-nav{background-color:#024059!important}.x-treelist-nav .x-treelist-item-expanded{background-color:#1b5369!important}.x-treelist-nav .x-treelist-item-text{color:#fff!important}.x-treelist-nav .x-treelist-item-selected>.x-treelist-row{color:#fff!important;background-color:#34667a!important}.x-treelist-nav .x-treelist-row-over{color:#fff!important;background-color:#99b2bc!important}.x-treelist-nav .x-treelist-item-expander,.x-treelist-nav .x-treelist-item-icon,.x-treelist-nav .x-treelist-item-tool{color:#fff!important}pre{box-shadow:0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);padding:10px}.vbox>pre:before{content:"Note: Example is in Ext JS format\a\a";xcontent:" (" attr("www.sencha.com") ")\a";background-color:#fff;color:#8b0000;padding:10px;margin:20px 20px 20px 0;font-size:18px;font-weight:700;white-space:pre}.shadow{box-shadow:0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.mid{padding-left:15px;color:#fff;font-size:16px}.example{padding-left:30px;color:#fff;font-size:14px}.menuroot{font-size:16px;font-weight:700}.menumid{margin:10px!important}.menuleaf,.menumid{font-size:16px;font-weight:400}.menuleaf{margin:20px!important}html{width:100%;height:100%;max-height:100%;margin:0}.root,body{width:100%;height:100%;max-height:100%;margin:0;display:flex;flex-direction:column}.wMenu{width:350px;min-width:350px}.w150,.wMenu{flex:none!important}.w150{width:150px;min-width:150px}.hTitle{flex:none!important;height:60px;min-height:60px;xbackground:#1976d2;color:#fff}.hTitle,.hTitleleft,.senchablue{background:#024059}.hTitleleft{height:60px;min-height:60px;color:#fff}.h50,.hTitleleft{flex:none!important}.h50{height:50px;min-height:50px}.h64{height:64px;min-height:64px}.h64,.h100{flex:none!important}.h100{height:100px;min-height:100px}.h300{flex:none!important;height:300px;min-height:300px}.hbox{flex:1 1;display:flex;flex-direction:row;overflow:auto}.vbox,.vbox2{flex:1 1;display:flex;flex-direction:column;overflow:auto}.hHeader{height:80px;min-height:80px;background:#fff;color:#fff}.header,.hHeader{border-bottom:1px solid grey}.header{xbackground:#1976d2}.main{height:calc(100vh - 200px);display:flex;flex-direction:row;xflex:1;flex-grow:1;flex-shrink:1;flex-basis:0%;justify-content:space-between}.nav{width:300px;min-width:300px;xheight:100vh - 200px;flex-direction:column;xflex:1;xflex-grow:1;xflex-shrink:1;xflex-basis:300px}.center,.nav{display:flex;overflow:auto;justify-content:space-between}.center{flex-direction:column;flex:auto;xflex-grow:1;fxlex-shrink:1;xflex-basis:0n}.aside{width:585px;min-width:585px;display:flex;flex-direction:column;xflex:1;xflex-grow:1;xflex-shrink:1;xflex-basis:400px;overflow:auto;justify-content:space-between}.footer{background:#1976d2}.border{border:1px solid grey;xpadding:.25em;xmargin:.25em;xborder-radius:.25em}
/*# sourceMappingURL=main.74ca1e2f.chunk.css.map */