smartchart/static/echart/echartedit/main.css

*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#f3f3f3;color:#666}.page{padding:20px 0}.btn-primary{background-color:#a9334c;border-color:#82273a}.btn-primary:hover{background-color:#82273a;border-color:#82273a}@media (min-width: 1600px){.visible-lg{display:none !important}.hidden-lg{display:block !important}table.hidden-lg{display:table}tr.hidden-lg{display:table-row !important}th.hidden-lg,td.hidden-lg{display:table-cell !important}}@media (min-width: 1600px){.container{width:1530px}}@media (min-width: 1920px){.container{width:1830px}}@media (min-width: 2560px){.container{width:2490px}}.col-xl-1,.col-xxl-1,.col-xxxl-1,.col-xl-2,.col-xxl-2,.col-md-2,.col-xxxl-2,.col-xl-3,.col-xxl-3,.col-md-3,.col-xxxl-3,.col-xl-4,.col-xxl-4,.col-md-4,.col-xxxl-4,.col-xl-5,.col-xxl-5,.col-md-5,.col-xxxl-5,.col-xl-6,.col-xxl-6,.col-md-6,.col-xxxl-6,.col-xl-7,.col-xxl-7,.col-md-7,.col-xxxl-7,.col-xl-8,.col-xxl-8,.col-md-8,.col-xxxl-8,.col-xl-9,.col-xxl-9,.col-md-9,.col-xxxl-9,.col-xl-10,.col-xxl-100,.col-xxxl-10,.col-xl-11,.col-xxl-111,.col-xxxl-11,.col-xl-12,.col-xxl-122,.col-xxxl-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width: 1600px){.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{float:left}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:0}.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:0}.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}}@media (min-width: 1920px){.col-xxl-1,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-10,.col-xxl-11,.col-xxl-12{float:left}.col-xxl-12{width:100%}.col-xxl-11{width:91.66666667%}.col-xxl-10{width:83.33333333%}.col-xxl-9{width:75%}.col-xxl-8{width:66.66666667%}.col-xxl-7{width:58.33333333%}.col-xxl-6{width:50%}.col-xxl-5{width:41.66666667%}.col-xxl-4{width:33.33333333%}.col-xxl-3{width:25%}.col-xxl-2{width:16.66666667%}.col-xxl-1{width:8.33333333%}.col-xxl-pull-12{right:100%}.col-xxl-pull-11{right:91.66666667%}.col-xxl-pull-10{right:83.33333333%}.col-xxl-pull-9{right:75%}.col-xxl-pull-8{right:66.66666667%}.col-xxl-pull-7{right:58.33333333%}.col-xxl-pull-6{right:50%}.col-xxl-pull-5{right:41.66666667%}.col-xxl-pull-4{right:33.33333333%}.col-xxl-pull-3{right:25%}.col-xxl-pull-2{right:16.66666667%}.col-xxl-pull-1{right:8.33333333%}.col-xxl-pull-0{right:0}.col-xxl-push-12{left:100%}.col-xxl-push-11{left:91.66666667%}.col-xxl-push-10{left:83.33333333%}.col-xxl-push-9{left:75%}.col-xxxl-push-8{left:66.66666667%}.col-xxxl-push-7{left:58.33333333%}.col-xxxl-push-6{left:50%}.col-xxxl-push-5{left:41.66666667%}.col-xxxl-push-4{left:33.33333333%}.col-xxxl-push-3{left:25%}.col-xxxl-push-2{left:16.66666667%}.col-xxxl-push-1{left:8.33333333%}.col-xxxl-push-0{left:0}.col-xxxl-offset-12{margin-left:100%}.col-xxxl-offset-11{margin-left:91.66666667%}.col-xxxl-offset-10{margin-left:83.33333333%}.col-xxxl-offset-9{margin-left:75%}.col-xxxl-offset-8{margin-left:66.66666667%}.col-xxxl-offset-7{margin-left:58.33333333%}.col-xxxl-offset-6{margin-left:50%}.col-xxxl-offset-5{margin-left:41.66666667%}.col-xxxl-offset-4{margin-left:33.33333333%}.col-xxxl-offset-3{margin-left:25%}.col-xxxl-offset-2{margin-left:16.66666667%}.col-xxxl-offset-1{margin-left:8.33333333%}.col-xxxl-offset-0{margin-left:0}}@media (min-width: 2560px){.col-xxxl-1,.col-xxxl-2,.col-xxxl-3,.col-xxxl-4,.col-xxxl-5,.col-xxxl-6,.col-xxxl-7,.col-xxxl-8,.col-xxxl-9,.col-xxxl-10,.col-xxxl-11,.col-xxxl-12{float:left}.col-xxxl-12{width:100%}.col-xxxl-11{width:91.66666667%}.col-xxxl-10{width:83.33333333%}.col-xxxl-9{width:75%}.col-xxxl-8{width:66.66666667%}.col-xxxl-7{width:58.33333333%}.col-xxxl-6{width:50%}.col-xxxl-5{width:41.66666667%}.col-xxxl-4{width:33.33333333%}.col-xxxl-3{width:25%}.col-xxxl-2{width:16.66666667%}.col-xxxl-1{width:8.33333333%}.col-xxxl-pull-12{right:100%}.col-xxxl-pull-11{right:91.66666667%}.col-xxxl-pull-10{right:83.33333333%}.col-xxxl-pull-9{right:75%}.col-xxxl-pull-8{right:66.66666667%}.col-xxxl-pull-7{right:58.33333333%}.col-xxxl-pull-6{right:50%}.col-xxxl-pull-5{right:41.66666667%}.col-xxxl-pull-4{right:33.33333333%}.col-xxxl-pull-3{right:25%}.col-xxxl-pull-2{right:16.66666667%}.col-xxxl-pull-1{right:8.33333333%}.col-xxxl-pull-0{right:0}.col-xxxl-push-12{left:100%}.col-xxxl-push-11{left:91.66666667%}.col-xxxl-push-10{left:83.33333333%}.col-xxxl-push-9{left:75%}.col-xxxl-push-8{left:66.66666667%}.col-xxxl-push-7{left:58.33333333%}.col-xxxl-push-6{left:50%}.col-xxxl-push-5{left:41.66666667%}.col-xxxl-push-4{left:33.33333333%}.col-xxxl-push-3{left:25%}.col-xxxl-push-2{left:16.66666667%}.col-xxxl-push-1{left:8.33333333%}.col-xxxl-push-0{left:0}.col-xxxl-offset-12{margin-left:100%}.col-xxxl-offset-11{margin-left:91.66666667%}.col-xxxl-offset-10{margin-left:83.33333333%}.col-xxxl-offset-9{margin-left:75%}.col-xxxl-offset-8{margin-left:66.66666667%}.col-xxxl-offset-7{margin-left:58.33333333%}.col-xxxl-offset-6{margin-left:50%}.col-xxxl-offset-5{margin-left:41.66666667%}.col-xxxl-offset-4{margin-left:33.33333333%}.col-xxxl-offset-3{margin-left:25%}.col-xxxl-offset-2{margin-left:16.66666667%}.col-xxxl-offset-1{margin-left:8.33333333%}.col-xxxl-offset-0{margin-left:0}}.visible-xl,.visible-xxl,.visible-xxxl{display:none !important}@media (min-width: 1600px) and (max-width: 1919px){.visible-xl{display:block !important}table.visible-xl{display:table}tr.visible-xl{display:table-row !important}th.visible-xl,td.visible-xl{display:table-cell !important}}@media (min-width: 1920px) and (max-width: 2559px){.visible-xxl{display:block !important}table.visible-xxl{display:table}tr.visible-xxl{display:table-row !important}th.visible-xxl,td.visible-xxl{display:table-cell !important}}@media (min-width: 2560px){.visible-xxxl{display:block !important}table.visible-xxxl{display:table}tr.visible-xxxl{display:table-row !important}th.visible-xxxl,td.visible-xxxl{display:table-cell !important}}@media (min-width: 1600px) and (max-width: 1919px){.hidden-xl{display:none !important}}@media (min-width: 1920px) and (max-width: 2559px){.hidden-xxl{display:none !important}}@media (min-width: 2560px){.hidden-xxxl{display:none !important}}.navbar-default{border:none;background-color:#293c55;z-index:10000;-webkit-transition:background-color 0.5s linear;transition:background-color 0.5s linear;height:50px}.navbar-default .navbar-nav{-webkit-transition:background-color 0.5s linear;transition:background-color 0.5s linear}.navbar-default .navbar-nav li{position:relative}.navbar-default .navbar-nav li a{color:rgba(255,255,255,0.45);background-color:none !important;padding:15px 20px;-webkit-transition:0.5s background-color;transition:0.5s background-color;font-size:14px}.navbar-default .navbar-nav li a:before{content:'';position:absolute;left:50%;right:50%;top:0;background:#a9334c;height:4px;-webkit-transition-property:'left, right';transition-property:'left, right';-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.navbar-default .navbar-nav li a:hover,.navbar-default .navbar-nav li a:focus{color:#f9f9f9;background-color:#162436}.navbar-default .navbar-nav li a:hover:before,.navbar-default .navbar-nav li a:focus:before{left:0;right:0}.navbar-default .navbar-nav li a .iconfont{font-size:12px}.navbar-default .navbar-nav li.open{background-color:#162436;color:#fff}.navbar-default .navbar-nav li.open>a:focus,.navbar-default .navbar-nav li.open>a:hover{color:#eee;background-color:#162436}.navbar-default .navbar-nav li.active>a{padding-top:11px;border-top:4px solid #a9334c;color:#fff;background-color:#0e151f;-webkit-transition:0.5s background-color;transition:0.5s background-color}.navbar-default .navbar-nav li.active>a:before{display:none}.navbar-default .navbar-nav li.active>a:hover,.navbar-default .navbar-nav li.active>a:focus{color:#f9f9f9;background-color:#162436}.navbar-default .navbar-nav li .dropdown-menu{width:210px;padding:0;background-color:#162436;-webkit-box-shadow:none;box-shadow:none;border:none}.navbar-default .navbar-nav li .dropdown-menu li{background-color:#162436;border-top:none;padding:5px 0}.navbar-default .navbar-nav li .dropdown-menu li a{padding:8px 20px}.navbar-default .navbar-nav li .dropdown-menu li:hover,.navbar-default .navbar-nav li .dropdown-menu li:focus{background-color:#a9334c}.navbar-default .navbar-nav li .dropdown-menu li:hover a,.navbar-default .navbar-nav li .dropdown-menu li:focus a{background-color:#a9334c}.navbar-default .navbar-nav li ul a:before{display:none}.navbar-default .navbar-logo{height:32px;margin-top:-6px;margin-left:-2px}.navbar-default .navbar-collapse{border-top:none}.navbar-default .navbar-toggle{padding:1px 5px;margin:7px 16px 0 0;border-color:#384E6B;background-color:#384E6B}.navbar-default .navbar-toggle .icon-bar{margin:7px 0 !important;height:1px;background-color:#fff}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{border-color:#384E6B;background-color:#384E6B}#menu-btn{display:none;float:right;height:45px;line-height:45px;margin:5px 20px 0 0;font-size:30px;color:#fff;cursor:pointer}.navbar-bg{background-color:rgba(41,60,85,0.4)}.navbar-bg .navbar-nav li a{color:#fff}.navbar-bg .navbar-nav li.active a{color:#fff;background-color:transparent}.navbar-bg .navbar-nav #nav-github{opacity:1}#nav-github{opacity:0.4;-webkit-transition:0.5s;transition:0.5s}#nav-github img{position:relative;top:-1px}#nav-github:hover{opacity:1}@media (max-width: 768px){.navbar-default .navbar-nav{background-color:#293c55;-webkit-transition:background-color 0.5s linear;transition:background-color 0.5s linear;margin-top:0;margin-bottom:0}.navbar-default .navbar-nav .open .dropdown-menu{padding:0}.navbar-default .navbar-nav .open .dropdown-menu li a{color:#fff}.navbar-default .navbar-nav li.active>a{border-left:4px solid #a9334c;border-top:none;padding:10px 15px 10px 11px}#menu-btn{display:block}#nav-download{display:none}}@media (max-width: 992px) and (min-width: 768px){.navbar-default .navbar-nav li a{padding:15px 15px}}.nav-dropdown-panel{display:none;position:absolute;right:0;z-index:99999}.nav-dropdown-panel#login-dropdown-panel{width:350px}.nav-dropdown-panel#login-dropdown-panel form{padding:20px 30px 0 30px}.nav-dropdown-panel#user-dropdown-panel{width:150px}.nav-dropdown-panel#user-dropdown-panel .panel-body{padding:0}#apache-banner{position:fixed;left:0;right:0;bottom:0;padding:20px 40px 0;z-index:10000;background-color:rgba(0,0,0,0.6);color:#fff;display:none}#apache-banner .txt{width:80%;height:100%;display:inline-block}#apache-banner p{margin:5px 0}#apache-banner p a{color:#fff;text-decoration:underline}#apache-banner .btn{position:relative;bottom:20px;width:20%;height:100%;display:inline-block;background-color:#a9334c;-webkit-border-radius:6px;border-radius:6px;color:#fff;padding:10px}#apache-banner .btn:hover{-webkit-box-shadow:none;box-shadow:none}#apache-banner .close-btn{position:absolute;padding:5px;right:15px;top:15px;color:#fff}#apache-banner .close-btn:hover{text-decoration:none}@media (max-width: 768px){#apache-banner{padding:15px}#apache-banner .txt{width:100%;height:auto;display:block;margin-top:20px}#apache-banner .btn{width:100%;height:auto;display:block;top:0;padding:10px}#apache-banner .close-btn{top:10px}}#main-container{position:absolute;left:0;right:0;bottom:0;top:51px}#main-container .handler{position:absolute;left:50%;top:0;bottom:0;width:5px;cursor:col-resize;z-index:100;background-color:transparent;border-left:1px solid #ccc}#main-container.no-top{top:0}#code-container{position:absolute;left:0;bottom:0;top:0;width:50%}#control-panel{height:30px;position:absolute;left:0;right:0;top:0;z-index:20;padding:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.2);box-shadow:0 2px 10px rgba(0,0,0,0.2)}#control-panel .setting-panel{display:inline-block}#control-panel .setting-panel .btn-group+.btn-group{margin-left:10px}#control-panel .control-btn-panel{float:right}#control-panel .control-btn-panel .btn{color:#FFF;-webkit-border-radius:0;border-radius:0;background-color:#3FA7DC;margin-left:10px;border:none;height:30px;width:50px}#control-panel .control-btn-panel .btn:hover{background-color:#277EAB}#code-panel{position:absolute;top:30px;bottom:0;left:0;right:0;padding:10px}#code-panel ::-webkit-scrollbar{height:8px;width:8px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:2px;border-radius:2px}#code-panel ::-webkit-scrollbar-button{display:none}#code-panel ::-webkit-scrollbar-thumb{width:8px;min-height:15px;background:rgba(50,50,50,0.6) !important;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:2px;border-radius:2px}#code-panel ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.5) !important}#code-info{position:absolute;bottom:0;overflow:hidden;height:30px;line-height:30px;padding:0px 10px;font-size:0.9rem}#code-info .code-info-time{color:#666;display:inline-block;margin-right:10px}#code-info .code-info-type-info{color:#666}#code-info .code-info-type-warn{color:#f93}#code-info .code-info-type-error{color:#e43c59}#left-chart-nav{position:fixed;top:0;bottom:0;left:0;padding-top:51px;width:180px;background-color:#293c55;overflow-y:hidden}#left-chart-nav:hover{overflow-y:auto}#left-chart-nav li{height:54px;padding:10px 0 10px 20px;-webkit-transition:0.5s;transition:0.5s}#left-chart-nav li a{color:#ccc;position:relative;display:block;-webkit-transition:0.5s;transition:0.5s}#left-chart-nav li a .chart-name{display:inline-block;position:relative;top:-12px;margin-left:10px}#left-chart-nav li a .chart-icon{content:'';display:inline-block;width:32px;height:32px;background-image:url("../images/chart-icon.png");background-size:32px;background-repeat:no-repeat;-webkit-border-radius:50%;border-radius:50%;border:1px solid #999}#left-chart-nav li.active{background-color:#e43c59}#left-chart-nav li.active a{color:#f3f3f3}#left-chart-nav li.active .chart-icon{border-color:#f3f3f3}#left-chart-nav li:hover{background-color:#162436}@media (max-width: 768px){#left-chart-nav{display:none}}#left-chart-nav-line .chart-icon{background-position-x:-1px;background-position-y:-1px}#left-chart-nav-bar .chart-icon{background-position-x:-1px;background-position-y:-33px}#left-chart-nav-scatter .chart-icon{background-position-x:-1px;background-position-y:-65px}#left-chart-nav-pie .chart-icon{background-position-x:-1px;background-position-y:-129px}#left-chart-nav-radar .chart-icon{background-position-x:-1px;background-position-y:-161px}#left-chart-nav-funnel .chart-icon{background-position-x:-1px;background-position-y:-321px}#left-chart-nav-gauge .chart-icon{background-position-x:-1px;background-position-y:-289px}#left-chart-nav-map .chart-icon{background-position-x:-1px;background-position-y:-257px}#left-chart-nav-graph .chart-icon{background-position-x:-1px;background-position-y:-225px}#left-chart-nav-treemap .chart-icon{background-position-x:-1px;background-position-y:-481px}#left-chart-nav-parallel .chart-icon{background-position-x:-1px;background-position-y:-513px}#left-chart-nav-sankey .chart-icon{background-position-x:-1px;background-position-y:-545px}#left-chart-nav-candlestick .chart-icon{background-position-x:-1px;background-position-y:-97px}#left-chart-nav-boxplot .chart-icon{background-position-x:-1px;background-position-y:-577px}#left-chart-nav-heatmap .chart-icon{background-position-x:-1px;background-position-y:-353px}#left-chart-nav-pictorialBar .chart-icon{background-position-x:-1px;background-position-y:-769px}#left-chart-nav-themeRiver .chart-icon{background-position-x:-1px;background-position-y:-801px}#left-chart-nav-calendar .chart-icon{background-position-x:-1px;background-position-y:-833px}#left-chart-nav-custom .chart-icon{background-position-x:-1px;background-position-y:-865px}#left-chart-nav-sunburst .chart-icon{background-position-x:-1px;background-position-y:-897px}#left-chart-nav-tree .chart-icon{background-position-x:-1px;background-position-y:-449px}#left-chart-nav-globe .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-bar3D .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-scatter3D .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-surface .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-map3D .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-lines3D .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-line3D .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-scatterGL .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-linesGL .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-flowGL .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-graphGL .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-geo3D .chart-icon{background-position-x:-1px;background-position-y:-929px}#left-chart-nav-geo .chart-icon{background-position-x:-1px;background-position-y:-257px}#left-chart-nav-lines .chart-icon{background-position-x:-1px;background-position-y:-641px}#left-chart-nav-dataset .chart-icon{background-position-x:-1px;background-position-y:-705px}#toolbar{height:30px;position:fixed;margin-top:20px;width:500px;right:0px;z-index:200}#theme{float:right;margin-right:30px}#theme>span{vertical-align:middle;display:inline-block;margin-right:10px;font-size:16px;font-weight:bold}#theme a{cursor:pointer;display:inline-block;vertical-align:middle;display:inline-block;width:20px;height:20px;margin:0px 5px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-sizing:content-box;box-sizing:content-box;background:#fff}#theme a span{display:inline-block;width:20px;height:20px;margin-left:2px;margin-top:2px}#theme a:hover{-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1);box-shadow:0px 0px 8px rgba(0,0,0,0.1)}#theme a.selected{border:1px solid #e43c59}#theme a.default span{background:#c23531;background:linear-gradient(135deg, #de7e7b 0%, #c23531 50%, #2f4554 51%, #547b95 100%)}#theme a.light span{background:#37A2DA;background:linear-gradient(135deg, #8dcaea 0%, #37A2DA 50%, #ffd85c 51%, #fff0c2 100%)}#theme a.dark{background:#333}#theme a.dark span{background:#dd6b66;background:linear-gradient(135deg, #f0bcb9 0%, #dd6b66 50%, #759aa0 51%, #b1c6ca 100%)}#toolbar #theme{padding:4px 10px;background:#fff;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);box-shadow:0 0 15px rgba(0,0,0,0.1);border:1px solid #aaa}#toolbar #theme.dark{background:#222;color:#fff}.popover-title{color:#000}.theme-palette{color:#000;font-size:18px}.theme-palette span{width:20px;height:20px;margin-left:3px;display:inline-block}.chart-list-panel{margin:30px 15px 30px 15px}.chart-list-panel h3{margin-bottom:20px}.chart-list-panel .chart-type-head span{font-size:20px;padding-left:10px;color:#999;font-weight:normal}.chart-list-panel .chart{width:100%;max-width:350px;margin:0 auto;margin-bottom:30px;-webkit-border-radius:2px;border-radius:2px;background-color:#f9f9f9;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}.chart-list-panel .chart .chart-link{position:relative;display:block}.chart-list-panel .chart .chart-link .chart-area{width:100%;height:100%;padding:8px}.chart-list-panel .chart .chart-link .chart-title{color:#293c55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 10px 2px 10px;margin:0;font-weight:normal;font-size:16px}.chart-list-panel .chart .chart-info{padding:5px 0;font-weight:bold}.chart-list-panel .chart .chart-info .chart-icon{float:right}.chart-list-panel .chart .chart-info .chart-icon .chart-delete{display:none;-webkit-transition:1s;transition:1s}.chart-list-panel .chart:hover .chart-info .chart-icon .chart-delete{display:block;text-decoration:none}.dg.main *{-webkit-box-sizing:content-box;box-sizing:content-box}.dg.main input{line-height:normal}.dg.main.a{overflow-x:visible}.right-container{position:absolute;right:0;width:50%;height:100%;padding:0;padding-left:5px;border:none;z-index:30;background:#f3f3f3}.right-container .right-panel{padding:10px;padding-left:15px}#fork-btn,#reset-btn{display:none}#chart-panel{position:absolute;top:0;right:0;bottom:50px;left:0;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}#tool-panel{position:absolute;bottom:0;left:0;right:0}#tool-panel #theme{margin-bottom:10px;float:right}#tool-panel #theme a{cursor:pointer}#tool-panel #download{float:right;margin-right:10px}.dg.main .c select{color:#000}.icon-bar{display:inline-block;margin:0 0.4rem;color:#ccc}.icon-bar span::before{position:relative;top:0.2rem;margin-right:0.25rem;color:#ccc}.icon-bar:hover{color:#999}.icon-bar:hover span::before{color:#999}.profile .user-info{text-align:center}.profile .user-info .user-info-avatar{width:100px;height:100px;-webkit-border-radius:50px;border-radius:50px}.profile .user-info .user-info-name{margin:0.5rem 0 0.25rem 0;font-size:2rem;font-weight:bold}.profile .user-info .user-info-data{font-size:1.5rem}.profile .user-info .user-info-data ul{list-style-type:none}#view-main{position:absolute;left:0;right:0;top:0;bottom:0}#view-main .control-panel{position:absolute;bottom:0;height:30px;padding-right:10px;width:100%;background:#F3F3F3;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:1001}#view-main .control-panel .btn{float:right;margin:3px 5px;padding:3px 5px;background:#337ab7;border:none;color:white}#view-main .chart{position:absolute;left:0;right:0;top:0;bottom:30px;padding:2px}#view-mask{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1000}#explore-container{margin-left:180px;padding:51px 20px}@media (max-width: 768px){#explore-container{margin-left:0}}
        .dg {
        }

        .dg ul {
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;
            clear: both;
        }

        .dg.ac {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 0;
            z-index: 0;
        }

        .dg:not(.ac) .main {
            /** Exclude mains in ac so that we don't hide close button */
            overflow: hidden;
        }

        .dg.main {
            -webkit-transition: opacity 0.1s linear;
            -o-transition: opacity 0.1s linear;
            -moz-transition: opacity 0.1s linear;
            transition: opacity 0.1s linear;
        }

        .dg.main.taller-than-window {
            overflow-y: auto;
        }

        .dg.main.taller-than-window .close-button {
            opacity: 1;
            /* TODO, these are style notes */
            margin-top: -1px;
            border-top: 1px solid #2c2c2c;
        }

        .dg.main ul.closed .close-button {
            opacity: 1 !important;
        }

        .dg.main:hover .close-button,
        .dg.main .close-button.drag {
            opacity: 1;
        }

        .dg.main .close-button {
            /*opacity: 0;*/
            -webkit-transition: opacity 0.1s linear;
            -o-transition: opacity 0.1s linear;
            -moz-transition: opacity 0.1s linear;
            transition: opacity 0.1s linear;
            border: 0;
            position: absolute;
            line-height: 19px;
            height: 20px;
            /* TODO, these are style notes */
            cursor: pointer;
            text-align: center;
            background-color: #000;
        }

        .dg.main .close-button:hover {
            background-color: #111;
        }

        .dg.a {
            float: right;
            margin-right: 15px;
            overflow-x: hidden;
        }

        .dg.a.has-save>ul {
            margin-top: 27px;
        }

        .dg.a.has-save>ul.closed {
            margin-top: 0;
        }

        .dg.a .save-row {
            position: fixed;
            top: 0;
            z-index: 1002;
        }

        .dg li {
            -webkit-transition: height 0.1s ease-out;
            -o-transition: height 0.1s ease-out;
            -moz-transition: height 0.1s ease-out;
            transition: height 0.1s ease-out;
        }

        .dg li:not(.folder) {
            cursor: auto;
            height: 27px;
            line-height: 27px;
            overflow: hidden;
            padding: 0 4px 0 5px;
        }

        .dg li.folder {
            padding: 0;
            border-left: 4px solid rgba(0, 0, 0, 0);
        }

        .dg li.title {
            cursor: pointer;
            margin-left: -4px;
        }

        .dg .closed li:not(.title),
        .dg .closed ul li,
        .dg .closed ul li>* {
            height: 0;
            overflow: hidden;
            border: 0;
        }

        .dg .cr {
            clear: both;
            padding-left: 3px;
            height: 27px;
        }

        .dg .property-name {
            cursor: default;
            float: left;
            clear: left;
            width: 40%;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dg .c {
            float: left;
            width: 60%;
        }

        .dg .c input[type=text] {
            border: 0;
            margin-top: 4px;
            padding: 3px;
            width: 100%;
            float: right;
        }

        .dg .has-slider input[type=text] {
            width: 30%;
            /*display: none;*/
            margin-left: 0;
        }

        .dg .slider {
            float: left;
            width: 66%;
            margin-left: -5px;
            margin-right: 0;
            height: 19px;
            margin-top: 4px;
        }

        .dg .slider-fg {
            height: 100%;
        }

        .dg .c input[type=checkbox] {
            margin-top: 9px;
        }

        .dg .c select {
            margin-top: 5px;
        }

        .dg .cr.function,
        .dg .cr.function .property-name,
        .dg .cr.function *,
        .dg .cr.boolean,
        .dg .cr.boolean * {
            cursor: pointer;
        }

        .dg .selector {
            display: none;
            position: absolute;
            margin-left: -9px;
            margin-top: 23px;
            z-index: 10;
        }

        .dg .c:hover .selector,
        .dg .selector.drag {
            display: block;
        }

        .dg li.save-row {
            padding: 0;
        }

        .dg li.save-row .button {
            display: inline-block;
            padding: 0px 6px;
        }

        .dg.dialogue {
            background-color: #222;
            width: 460px;
            padding: 15px;
            font-size: 13px;
            line-height: 15px;
        }
        /* TODO Separate style and structure */

        #dg-new-constructor {
            padding: 10px;
            color: #222;
            font-family: Monaco, monospace;
            font-size: 10px;
            border: 0;
            resize: none;
            box-shadow: inset 1px 1px 1px #888;
            word-wrap: break-word;
            margin: 12px 0;
            display: block;
            width: 440px;
            overflow-y: scroll;
            height: 100px;
            position: relative;
        }

        #dg-local-explain {
            display: none;
            font-size: 11px;
            line-height: 17px;
            border-radius: 3px;
            background-color: #333;
            padding: 8px;
            margin-top: 10px;
        }

        #dg-local-explain code {
            font-size: 10px;
        }

        #dat-gui-save-locally {
            display: none;
        }
        /** Main type */

        .dg {
            color: #eee;
            font: 11px 'Lucida Grande', sans-serif;
            text-shadow: 0 -1px 0 #111;
            /** Auto place */
            /* Controller row, <li> */
            /** Controllers */
        }

        .dg.main {
            /** Scrollbar */
        }

        .dg.main::-webkit-scrollbar {
            width: 5px;
            background: #1a1a1a;
        }

        .dg.main::-webkit-scrollbar-corner {
            height: 0;
            display: none;
        }

        .dg.main::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background: #676767;
        }

        .dg li:not(.folder) {
            background: #1a1a1a;
            border-bottom: 1px solid #2c2c2c;
        }

        .dg li.save-row {
            line-height: 25px;
            background: #dad5cb;
            border: 0;
        }

        .dg li.save-row select {
            margin-left: 5px;
            width: 108px;
        }

        .dg li.save-row .button {
            margin-left: 5px;
            margin-top: 1px;
            border-radius: 2px;
            font-size: 9px;
            line-height: 7px;
            padding: 4px 4px 5px 4px;
            background: #c5bdad;
            color: #fff;
            text-shadow: 0 1px 0 #b0a58f;
            box-shadow: 0 -1px 0 #b0a58f;
            cursor: pointer;
        }

        .dg li.save-row .button.gears {
            background: #c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;
            height: 7px;
            width: 8px;
        }

        .dg li.save-row .button:hover {
            background-color: #bab19e;
            box-shadow: 0 -1px 0 #b0a58f;
        }

        .dg li.folder {
            border-bottom: 0;
        }

        .dg li.title {
            padding-left: 16px;
            background: black url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;
            cursor: pointer;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .dg .closed li.title {
            background-image: url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==);
        }

        .dg .cr.boolean {
            border-left: 3px solid #806787;
        }

        .dg .cr.function {
            border-left: 3px solid #e61d5f;
        }

        .dg .cr.number {
            border-left: 3px solid #2fa1d6;
        }

        .dg .cr.number input[type=text] {
            color: #2fa1d6;
        }

        .dg .cr.string {
            border-left: 3px solid #1ed36f;
        }

        .dg .cr.string input[type=text] {
            color: #1ed36f;
        }

        .dg .cr.function:hover,
        .dg .cr.boolean:hover {
            background: #111;
        }

        .dg .c input[type=text] {
            background: #303030;
            outline: none;
        }

        .dg .c input[type=text]:hover {
            background: #3c3c3c;
        }

        .dg .c input[type=text]:focus {
            background: #494949;
            color: #fff;
        }

        .dg .c .slider {
            background: #303030;
            cursor: ew-resize;
        }

        .dg .c .slider-fg {
            background: #2fa1d6;
        }

        .dg .c .slider:hover {
            background: #3c3c3c;
        }

        .dg .c .slider:hover .slider-fg {
            background: #44abda;
        }
        .ace_editor {
            position: relative;
            overflow: hidden;
            font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
            direction: ltr;
            text-align: left;
        }

        .ace_scroller {
            position: absolute;
            overflow: hidden;
            top: 0;
            bottom: 0;
            background-color: inherit;
            -ms-user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            cursor: text;
        }

        .ace_content {
            position: absolute;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            min-width: 100%;
        }

        .ace_dragging .ace_scroller:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: '';
            background: rgba(250, 250, 250, 0.01);
            z-index: 1000;
        }

        .ace_dragging.ace_dark .ace_scroller:before {
            background: rgba(0, 0, 0, 0.01);
        }

        .ace_selecting,
        .ace_selecting * {
            cursor: text !important;
        }

        .ace_gutter {
            position: absolute;
            overflow: hidden;
            width: auto;
            top: 0;
            bottom: 0;
            left: 0;
            cursor: default;
            z-index: 4;
            -ms-user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            user-select: none;
        }

        .ace_gutter-active-line {
            position: absolute;
            left: 0;
            right: 0;
        }

        .ace_scroller.ace_scroll-left {
            box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
        }

        .ace_gutter-cell {
            padding-left: 19px;
            padding-right: 6px;
            background-repeat: no-repeat;
        }

        .ace_gutter-cell.ace_error {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABOFBMVEX/////////QRswFAb/Ui4wFAYwFAYwFAaWGAfDRymzOSH/PxswFAb/SiUwFAYwFAbUPRvjQiDllog5HhHdRybsTi3/Tyv9Tir+Syj/UC3////XurebMBIwFAb/RSHbPx/gUzfdwL3kzMivKBAwFAbbvbnhPx66NhowFAYwFAaZJg8wFAaxKBDZurf/RB6mMxb/SCMwFAYwFAbxQB3+RB4wFAb/Qhy4Oh+4QifbNRcwFAYwFAYwFAb/QRzdNhgwFAYwFAbav7v/Uy7oaE68MBK5LxLewr/r2NXewLswFAaxJw4wFAbkPRy2PyYwFAaxKhLm1tMwFAazPiQwFAaUGAb/QBrfOx3bvrv/VC/maE4wFAbRPBq6MRO8Qynew8Dp2tjfwb0wFAbx6eju5+by6uns4uH9/f36+vr/GkHjAAAAYnRSTlMAGt+64rnWu/bo8eAA4InH3+DwoN7j4eLi4xP99Nfg4+b+/u9B/eDs1MD1mO7+4PHg2MXa347g7vDizMLN4eG+Pv7i5evs/v79yu7S3/DV7/498Yv24eH+4ufQ3Ozu/v7+y13sRqwAAADLSURBVHjaZc/XDsFgGIBhtDrshlitmk2IrbHFqL2pvXf/+78DPokj7+Fz9qpU/9UXJIlhmPaTaQ6QPaz0mm+5gwkgovcV6GZzd5JtCQwgsxoHOvJO15kleRLAnMgHFIESUEPmawB9ngmelTtipwwfASilxOLyiV5UVUyVAfbG0cCPHig+GBkzAENHS0AstVF6bacZIOzgLmxsHbt2OecNgJC83JERmePUYq8ARGkJx6XtFsdddBQgZE2nPR6CICZhawjA4Fb/chv+399kfR+MMMDGOQAAAABJRU5ErkJggg==");
            background-repeat: no-repeat;
            background-position: 2px center;
        }

        .ace_gutter-cell.ace_warning {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAmVBMVEX///8AAAD///8AAAAAAABPSzb/5sAAAAB/blH/73z/ulkAAAAAAAD85pkAAAAAAAACAgP/vGz/rkDerGbGrV7/pkQICAf////e0IsAAAD/oED/qTvhrnUAAAD/yHD/njcAAADuv2r/nz//oTj/p064oGf/zHAAAAA9Nir/tFIAAAD/tlTiuWf/tkIAAACynXEAAAAAAAAtIRW7zBpBAAAAM3RSTlMAABR1m7RXO8Ln31Z36zT+neXe5OzooRDfn+TZ4p3h2hTf4t3k3ucyrN1K5+Xaks52Sfs9CXgrAAAAjklEQVR42o3PbQ+CIBQFYEwboPhSYgoYunIqqLn6/z8uYdH8Vmdnu9vz4WwXgN/xTPRD2+sgOcZjsge/whXZgUaYYvT8QnuJaUrjrHUQreGczuEafQCO/SJTufTbroWsPgsllVhq3wJEk2jUSzX3CUEDJC84707djRc5MTAQxoLgupWRwW6UB5fS++NV8AbOZgnsC7BpEAAAAABJRU5ErkJggg==");
            background-position: 2px center;
        }

        .ace_gutter-cell.ace_info {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAAB2k804AAAAPklEQVQY02NgIB68QuO3tiLznjAwpKTgNyDbMegwisCHZUETUZV0ZqOquBpXj2rtnpSJT1AEnnRmL2OgGgAAIKkRQap2htgAAAAASUVORK5CYII=");
            background-position: 2px center;
        }

        .ace_dark .ace_gutter-cell.ace_info {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC");
        }

        .ace_scrollbar {
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 6;
        }

        .ace_scrollbar-inner {
            position: absolute;
            cursor: text;
            left: 0;
            top: 0;
        }

        .ace_scrollbar-v {
            overflow-x: hidden;
            overflow-y: scroll;
            top: 0;
        }

        .ace_scrollbar-h {
            overflow-x: scroll;
            overflow-y: hidden;
            left: 0;
        }

        .ace_print-margin {
            position: absolute;
            height: 100%;
        }

        .ace_text-input {
            position: absolute;
            z-index: 0;
            width: 0.5em;
            height: 1em;
            opacity: 0;
            background: transparent;
            -moz-appearance: none;
            appearance: none;
            border: none;
            resize: none;
            outline: none;
            overflow: hidden;
            font: inherit;
            padding: 0 1px;
            margin: 0 -1px;
            text-indent: -1em;
            -ms-user-select: text;
            -moz-user-select: text;
            -webkit-user-select: text;
            user-select: text;
            white-space: pre!important;
        }

        .ace_text-input.ace_composition {
            background: inherit;
            color: inherit;
            z-index: 1000;
            opacity: 1;
            text-indent: 0;
        }

        .ace_layer {
            z-index: 1;
            position: absolute;
            overflow: hidden;
            word-wrap: normal;
            white-space: pre;
            height: 100%;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            pointer-events: none;
        }

        .ace_gutter-layer {
            position: relative;
            width: auto;
            text-align: right;
            pointer-events: auto;
        }

        .ace_text-layer {
            font: inherit !important;
        }

        .ace_cjk {
            display: inline-block;
            text-align: center;
        }

        .ace_cursor-layer {
            z-index: 4;
        }

        .ace_cursor {
            z-index: 4;
            position: absolute;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-left: 2px solid;
            transform: translatez(0);
        }

        .ace_slim-cursors .ace_cursor {
            border-left-width: 1px;
        }

        .ace_overwrite-cursors .ace_cursor {
            border-left-width: 0;
            border-bottom: 1px solid;
        }

        .ace_hidden-cursors .ace_cursor {
            opacity: 0.2;
        }

        .ace_smooth-blinking .ace_cursor {
            -webkit-transition: opacity 0.18s;
            transition: opacity 0.18s;
        }

        .ace_editor.ace_multiselect .ace_cursor {
            border-left-width: 1px;
        }

        .ace_marker-layer .ace_step,
        .ace_marker-layer .ace_stack {
            position: absolute;
            z-index: 3;
        }

        .ace_marker-layer .ace_selection {
            position: absolute;
            z-index: 5;
        }

        .ace_marker-layer .ace_bracket {
            position: absolute;
            z-index: 6;
        }

        .ace_marker-layer .ace_active-line {
            position: absolute;
            z-index: 2;
        }

        .ace_marker-layer .ace_selected-word {
            position: absolute;
            z-index: 4;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .ace_line .ace_fold {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            height: 11px;
            margin-top: -2px;
            vertical-align: middle;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpi+P//fxgTAwPDBxDxD078RSX+YeEyDFMCIMAAI3INmXiwf2YAAAAASUVORK5CYII=");
            background-repeat: no-repeat, repeat-x;
            background-position: center center, top left;
            color: transparent;
            border: 1px solid black;
            border-radius: 2px;
            cursor: pointer;
            pointer-events: auto;
        }

        .ace_dark .ace_fold {}

        .ace_fold:hover {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpi+P//fz4TAwPDZxDxD5X4i5fLMEwJgAADAEPVDbjNw87ZAAAAAElFTkSuQmCC");
        }

        .ace_tooltip {
            background-color: #FFF;
            background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
            background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
            border: 1px solid gray;
            border-radius: 1px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
            color: black;
            max-width: 100%;
            padding: 3px 4px;
            position: fixed;
            z-index: 999999;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            cursor: default;
            white-space: pre;
            word-wrap: break-word;
            line-height: normal;
            font-style: normal;
            font-weight: normal;
            letter-spacing: normal;
            pointer-events: none;
        }

        .ace_folding-enabled>.ace_gutter-cell {
            padding-right: 13px;
        }

        .ace_fold-widget {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0 -12px 0 1px;
            display: none;
            width: 11px;
            vertical-align: top;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42mWKsQ0AMAzC8ixLlrzQjzmBiEjp0A6WwBCSPgKAXoLkqSot7nN3yMwR7pZ32NzpKkVoDBUxKAAAAABJRU5ErkJggg==");
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 3px;
            border: 1px solid transparent;
            cursor: pointer;
        }

        .ace_folding-enabled .ace_fold-widget {
            display: inline-block;
        }

        .ace_fold-widget.ace_end {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42m3HwQkAMAhD0YzsRchFKI7sAikeWkrxwScEB0nh5e7KTPWimZki4tYfVbX+MNl4pyZXejUO1QAAAABJRU5ErkJggg==");
        }

        .ace_fold-widget.ace_closed {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAOUlEQVR42jXKwQkAMAgDwKwqKD4EwQ26sSOkVWjgIIHAzPiCgaqiqnJHZnKICBERHN194O5b9vbLuAVRL+l0YWnZAAAAAElFTkSuQmCCXA==");
        }

        .ace_fold-widget:hover {
            border: 1px solid rgba(0, 0, 0, 0.3);
            background-color: rgba(255, 255, 255, 0.2);
            box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
        }

        .ace_fold-widget:active {
            border: 1px solid rgba(0, 0, 0, 0.4);
            background-color: rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
        }

        .ace_dark .ace_fold-widget {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC");
        }

        .ace_dark .ace_fold-widget.ace_end {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQIW2P4//8/AxQ7wNjIAjDMgC4AxjCVKBirIAAF0kz2rlhxpAAAAABJRU5ErkJggg==");
        }

        .ace_dark .ace_fold-widget.ace_closed {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg==");
        }

        .ace_dark .ace_fold-widget:hover {
            box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
            background-color: rgba(255, 255, 255, 0.1);
        }

        .ace_dark .ace_fold-widget:active {
            box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
        }

        .ace_fold-widget.ace_invalid {
            background-color: #FFB4B4;
            border-color: #DE5555;
        }

        .ace_fade-fold-widgets .ace_fold-widget {
            -webkit-transition: opacity 0.4s ease 0.05s;
            transition: opacity 0.4s ease 0.05s;
            opacity: 0;
        }

        .ace_fade-fold-widgets:hover .ace_fold-widget {
            -webkit-transition: opacity 0.05s ease 0.05s;
            transition: opacity 0.05s ease 0.05s;
            opacity: 1;
        }

        .ace_underline {
            text-decoration: underline;
        }

        .ace_bold {
            font-weight: bold;
        }

        .ace_nobold .ace_bold {
            font-weight: normal;
        }

        .ace_italic {
            font-style: italic;
        }

        .ace_error-marker {
            background-color: rgba(255, 0, 0, 0.2);
            position: absolute;
            z-index: 9;
        }

        .ace_highlight-marker {
            background-color: rgba(255, 255, 0, 0.2);
            position: absolute;
            z-index: 8;
        }

        .ace_br1 {
            border-top-left-radius: 3px;
        }

        .ace_br2 {
            border-top-right-radius: 3px;
        }

        .ace_br3 {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .ace_br4 {
            border-bottom-right-radius: 3px;
        }

        .ace_br5 {
            border-top-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .ace_br6 {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .ace_br7 {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .ace_br8 {
            border-bottom-left-radius: 3px;
        }

        .ace_br9 {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .ace_br10 {
            border-top-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .ace_br11 {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .ace_br12 {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .ace_br13 {
            border-top-left-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .ace_br14 {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .ace_br15 {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .ace-tm .ace_gutter {
            background: #f0f0f0;
            color: #333;
        }

        .ace-tm .ace_print-margin {
            width: 1px;
            background: #e8e8e8;
        }

        .ace-tm .ace_fold {
            background-color: #6B72E6;
        }

        .ace-tm {
            background-color: #FFFFFF;
            color: black;
        }

        .ace-tm .ace_cursor {
            color: black;
        }

        .ace-tm .ace_invisible {
            color: rgb(191, 191, 191);
        }

        .ace-tm .ace_storage,
        .ace-tm .ace_keyword {
            color: blue;
        }

        .ace-tm .ace_constant {
            color: rgb(197, 6, 11);
        }

        .ace-tm .ace_constant.ace_buildin {
            color: rgb(88, 72, 246);
        }

        .ace-tm .ace_constant.ace_language {
            color: rgb(88, 92, 246);
        }

        .ace-tm .ace_constant.ace_library {
            color: rgb(6, 150, 14);
        }

        .ace-tm .ace_invalid {
            background-color: rgba(255, 0, 0, 0.1);
            color: red;
        }

        .ace-tm .ace_support.ace_function {
            color: rgb(60, 76, 114);
        }

        .ace-tm .ace_support.ace_constant {
            color: rgb(6, 150, 14);
        }

        .ace-tm .ace_support.ace_type,
        .ace-tm .ace_support.ace_class {
            color: rgb(109, 121, 222);
        }

        .ace-tm .ace_keyword.ace_operator {
            color: rgb(104, 118, 135);
        }

        .ace-tm .ace_string {
            color: rgb(3, 106, 7);
        }

        .ace-tm .ace_comment {
            color: rgb(76, 136, 107);
        }

        .ace-tm .ace_comment.ace_doc {
            color: rgb(0, 102, 255);
        }

        .ace-tm .ace_comment.ace_doc.ace_tag {
            color: rgb(128, 159, 191);
        }

        .ace-tm .ace_constant.ace_numeric {
            color: rgb(0, 0, 205);
        }

        .ace-tm .ace_variable {
            color: rgb(49, 132, 149);
        }

        .ace-tm .ace_xml-pe {
            color: rgb(104, 104, 91);
        }

        .ace-tm .ace_entity.ace_name.ace_function {
            color: #0000A2;
        }

        .ace-tm .ace_heading {
            color: rgb(12, 7, 255);
        }

        .ace-tm .ace_list {
            color: rgb(185, 6, 144);
        }

        .ace-tm .ace_meta.ace_tag {
            color: rgb(0, 22, 142);
        }

        .ace-tm .ace_string.ace_regex {
            color: rgb(255, 0, 0)
        }

        .ace-tm .ace_marker-layer .ace_selection {
            background: rgb(181, 213, 255);
        }

        .ace-tm.ace_multiselect .ace_selection.ace_start {
            box-shadow: 0 0 3px 0px white;
        }

        .ace-tm .ace_marker-layer .ace_step {
            background: rgb(252, 255, 0);
        }

        .ace-tm .ace_marker-layer .ace_stack {
            background: rgb(164, 229, 101);
        }

        .ace-tm .ace_marker-layer .ace_bracket {
            margin: -1px 0 0 -1px;
            border: 1px solid rgb(192, 192, 192);
        }

        .ace-tm .ace_marker-layer .ace_active-line {
            background: rgba(0, 0, 0, 0.07);
        }

        .ace-tm .ace_gutter-active-line {
            background-color: #dcdcdc;
        }

        .ace-tm .ace_marker-layer .ace_selected-word {
            background: rgb(250, 250, 255);
            border: 1px solid rgb(200, 200, 250);
        }

        .ace-tm .ace_indent-guide {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==") right repeat-y;
        }
        .error_widget_wrapper {
            background: inherit;
            color: inherit;
            border: none
        }

        .error_widget {
            border-top: solid 2px;
            border-bottom: solid 2px;
            margin: 5px 0;
            padding: 10px 40px;
            white-space: pre-wrap;
        }

        .error_widget.ace_error,
        .error_widget_arrow.ace_error {
            border-color: #ff5a5a
        }

        .error_widget.ace_warning,
        .error_widget_arrow.ace_warning {
            border-color: #F1D817
        }

        .error_widget.ace_info,
        .error_widget_arrow.ace_info {
            border-color: #5a5a5a
        }

        .error_widget.ace_ok,
        .error_widget_arrow.ace_ok {
            border-color: #5aaa5a
        }

        .error_widget_arrow {
            position: absolute;
            border: solid 5px;
            border-top-color: transparent!important;
            border-right-color: transparent!important;
            border-left-color: transparent!important;
            top: -5px;
        }
        .ace_snippet-marker {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: rgba(194, 193, 208, 0.09);
            border: 1px dotted rgba(211, 208, 235, 0.62);
            position: absolute;
        }
        .ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
            background-color: #CAD6FA;
            z-index: 1;
        }

        .ace_editor.ace_autocomplete .ace_line-hover {
            border: 1px solid #abbffe;
            margin-top: -1px;
            background: rgba(233, 233, 253, 0.4);
        }

        .ace_editor.ace_autocomplete .ace_line-hover {
            position: absolute;
            z-index: 2;
        }

        .ace_editor.ace_autocomplete .ace_scroller {
            background: none;
            border: none;
            box-shadow: none;
        }

        .ace_rightAlignedText {
            color: gray;
            display: inline-block;
            position: absolute;
            right: 4px;
            text-align: right;
            z-index: -1;
        }

        .ace_editor.ace_autocomplete .ace_completion-highlight {
            color: #000;
            text-shadow: 0 0 0.01em;
        }

        .ace_editor.ace_autocomplete {
            width: 280px;
            z-index: 200000;
            background: #fbfbfb;
            color: #444;
            border: 1px lightgray solid;
            position: fixed;
            box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
            line-height: 1.4;
        }

    .current-palette {
	background-color:inherit;
	float: right;
    margin: 0 0 0 190px;
    position: absolute;
    top: 5px;
    width: 25px;
    z-index: 4;
}
#main-container{position:absolute;left:0;right:0;bottom:0;top:0}