*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background-color:#f3f3f3;color:#333}.page{padding:20px 0}.btn-primary{background-color:#3ba7dc;border-color:#3095c6}.btn-primary:hover{background-color:#3095c6;border-color:#3095c6}.navbar-default{border:none;border-bottom:1px solid #0e151f;background-color:#293c55}.navbar-default#index-nav{margin-bottom:0}.navbar-default .navbar-brand{color:#efefef}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#f3f3f3}.navbar-default .navbar-nav li a{color:#efefef}.navbar-default .navbar-nav li a:hover,.navbar-default .navbar-nav li a:focus{color:#f3f3f3;background-color:#0e151f}.navbar-default .navbar-nav li.active a{color:#efefef;background-color:#162436}.navbar-default .navbar-nav li.active a:hover,.navbar-default .navbar-nav li.active a:focus{color:#f3f3f3;background-color:#0e151f}.navbar-default .navbar-nav li.highlight a{background-color:#e43c59}.navbar-default .navbar-nav li.highlight a:hover,.navbar-default .navbar-nav li.highlight a:focus{background-color:#bf465b}#nav-avatar{width:50px;height:50px;float:right;display:none}#nav-avatar img{width:50px;height:50px}.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}#main-container{position:absolute;left:0;right:0;bottom:0;top:50px}#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:#333;display:inline-block;margin-right:10px}#code-info .code-info-type-info{color:#333}#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:50px;width:155px;background-color:#293c55;overflow-y:hidden}#left-chart-nav:hover{overflow-y:auto}#left-chart-nav li{height:54px;padding: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:-449px}#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}.chart-list-panel{margin:30px 15px}.chart-list-panel h3{margin-bottom:20px}.chart-list-panel .chart{width:100%;max-width:350px;margin:0 auto;margin-bottom:30px;border:1px solid #f3f3f3;-webkit-border-radius:2px;border-radius:2px;background-color:#fff;-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:15px}.chart-list-panel .chart .chart-link .chart-hover-bg{opacity:0;position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;background-color:#293c55;-webkit-border-radius:2px;border-radius:2px}.chart-list-panel .chart .chart-link:hover .chart-hover-bg{-webkit-transition:0.1s all ease-in-out;transition:0.1s all ease-in-out;opacity:0.8}.chart-list-panel .chart .chart-link .chart-hover{opacity:0;-webkit-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out;position:absolute;z-index:20;top:50%;right:0;bottom:0;left:0;padding:0 20px;height:90px;margin-top:-45px;color:#efefef;text-align:center;-webkit-border-radius:2px;border-radius:2px}.chart-list-panel .chart .chart-link .chart-hover .chart-title{color:#f3f3f3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-list-panel .chart .chart-link .chart-hover .chart-title:before{content:'';display:block;width:10%;height:1px;margin-bottom:10px;background-color:#e43c59;-webkit-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}.chart-list-panel .chart .chart-link .chart-hover .chart-subtitle{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:10px}.chart-list-panel .chart .chart-link .chart-hover .chart-subtitle:after{content:'';position:absolute;right:0;bottom:0;width:10%;height:1px;background-color:#e43c59;-webkit-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}.chart-list-panel .chart .chart-link:hover .chart-hover{opacity:1}.chart-list-panel .chart .chart-link:hover .chart-hover .chart-title:before,.chart-list-panel .chart .chart-link:hover .chart-hover .chart-subtitle:after{width:100%;-webkit-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}.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}@media (max-width: 768px){.chart-list-panel .chart .chart-link .chart-hover{opacity:1;position:static;color:#999;margin-top:0;height:auto}.chart-list-panel .chart .chart-link .chart-hover .chart-title{border-top:none;color:#e43c59;margin-top:20px;margin-bottom:0}.chart-list-panel .chart .chart-link .chart-hover .chart-subtitle{display:none}.chart-list-panel .chart .chart-link .chart-hover .chart-title:before,.chart-list-panel .chart .chart-link .chart-hover .chart-subtitle:after{display:none}.chart-list-panel .chart .chart-link:hover .chart-hover-bg{display:none}}.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:0;left:0;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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:155px;padding:50px 20px}@media (max-width: 768px){#explore-container{margin-left:0}}