.dashboard .ant-switch{margin:0 0 4px 8px}.dashboard .chart-box{margin:14px auto}.dashboard .ant-card-body{box-shadow:2px 2px 5px #888}.dashboard .resource-panel .ant-card-body,.dashboard .service-panel .ant-card-body{padding:24px}.dashboard .chart-box .ant-card-body{padding:0;box-shadow:none}.dashboard .echarts-for-react{height:260px!important}.dashboard .title-bar{padding:7px 0 2px 10px;background-color:#e1eff8;width:100%}.dashboard .ant-page-header{padding:0}.dashboard .ant-page-header-heading-title{font-weight:500;font-size:18px;line-height:27px;margin-top:3px}.dashboard .ant-page-header-heading-extra{margin-top:5px}.host-table{position:relative}.host-table .usage{position:relative;margin:0;line-height:13px}.host-table .usage .usage-reading{z-index:2;display:block;font-size:12px;position:relative;padding-bottom:3px;border:1px solid transparent;color:#424242;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-table .usage .usage-low{background-color:#69ac13}.host-table .usage .usage-bar{z-index:1}.host-table .usage .usage-bar-rest{background-color:#d3d3d3}.host-table .usage .usage-bar,.host-table .usage .usage-bar-rest{position:absolute;bottom:0;left:0;width:100%;height:2px}.service-panel .service-card{width:20%;textAlign:center}.service-panel .ant-card-bordered{border:none}.service-panel .ant-card-body{padding:0}.service-panel .ant-card-grid{padding:12px}.service-panel .chart-box{margin:14px auto}.cluster-panel .ant-switch{margin:0 0 4px 8px}.cluster-panel .chart-box{margin:14px auto}.cluster-panel .ant-card-body{box-shadow:2px 2px 5px #888}.cluster-panel .resource-panel .ant-card-body,.cluster-panel .service-panel .ant-card-body{padding:24px}.cluster-panel .chart-box .ant-card-body{padding:0;box-shadow:none}.cluster-panel .echarts-for-react{height:260px!important}.cluster-panel .title-bar{padding:7px 0 2px 10px;background-color:#e1eff8;width:100%}.cluster-panel .ant-page-header{padding:0}.cluster-panel .ant-page-header-heading-title{font-weight:500;font-size:18px;line-height:27px;margin-top:3px}.cluster-panel .ant-page-header-heading-extra{margin-top:5px}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.hidden-title-tabs .ant-tabs-bar{display:none}.table-data-modal .ant-modal-body{overflow:auto;max-height:600px}.event-form .ant-form-item-label{text-align:left}.sqlEditor{height:1220px}.sqlEditor .CodeMirror{font-family:Arial,monospace;font-size:16px;height:100%!important}.sqlEditor .react-codemirror2{height:100%;border:1px solid #d3d3d3;-margin-top:10px}.sqlEditor .ant-tabs-bar{margin:0}.sqlEditor .ant-table{min-height:352px!important}.sqlEditor .history-table .ant-table-body,.sqlEditor .result-table .ant-table-body{min-height:600px!important}.sqlEditor .ant-empty-normal{margin:140px 0!important}.sqlEditor .modal_show_config{width:800px}.sqlEditor .ant-dropdown-trigger{padding:0 2px}.sqlEditor .ant-table-pagination{margin-right:15px}.sqlEditor .schema-pane{border:1px solid #d3d3d3;padding-left:5px;margin-top:0;width:100%;overflow:auto;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.sqlEditor .top-pane{height:100%;width:100%}.sqlEditor .top-pane .ant-col,.sqlEditor .top-pane .ant-row{height:100%}.sqlEditor .top-pane .ant-tabs-top-content{margin-top:40px;position:absolute;top:0;bottom:0}.sqlEditor .top-pane .ant-tabs,.sqlEditor .top-pane .ant-tabs-tabpane{height:100%}.sqlEditor div[data-type=Resizer]{margin:5px 0 0;opacity:0}.sqlEditor .bottom-pane{height:100%;width:100%;background:#fff}.sqlEditor .bottom-pane .ant-col,.sqlEditor .bottom-pane .ant-row{height:100%}.sqlEditor .bottom-pane .ant-tabs-top-content{margin-top:40px;position:absolute;top:0;bottom:0}.sqlEditor .bottom-pane .ant-tabs,.sqlEditor .bottom-pane .ant-tabs-tabpane{height:100%}.sqlEditor .ant-tabs-tabpane-inactive{height:0!important}.sqlEditor .ant-tabs-tabpane-active{height:100%}.sqlEditor .Resizer{background:#000;opacity:0;z-index:1;box-sizing:border-box;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box}.sqlEditor .Resizer:hover{opacity:.5}.sqlEditor .Resizer.horizontal{height:3px;margin:5px 0;cursor:row-resize;width:100%}.sqlEditor .Resizer.vertical{width:3px;margin:0 5px;cursor:col-resize}.sqlEditor .Resizer.disabled{cursor:not-allowed}.sqlEditor .Resizer.disabled:hover{border-color:transparent}.sqlEditor .usage{position:relative;margin:0;line-height:13px}.sqlEditor .usage .usage-reading{z-index:2;display:block;font-size:12px;position:relative;padding-bottom:3px;border:1px solid transparent;color:#424242;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sqlEditor .usage .usage-low{background-color:#69ac13}.sqlEditor .usage .usage-bar{z-index:1}.sqlEditor .usage .usage-bar-rest{background-color:#d3d3d3}.sqlEditor .usage .usage-bar,.sqlEditor .usage .usage-bar-rest{position:absolute;bottom:0;left:0;width:100%;height:18px}.sqlEditor .ant-tabs-tabpane .ant-spin-container,.sqlEditor .ant-tabs-tabpane .ant-spin-nested-loading{height:100%}.DraggableTags{position:relative;height:100%}.DraggableTags:after{content:"";display:block;clear:both}.DraggableTags-tag{display:inline-block;position:relative;color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.DraggableTags-undraggable{cursor:no-drop}.DraggableTags-tag-drag{position:absolute;top:0;left:0;width:100%;z-index:1}.hotspot-9485743{cursor:move}.excludedInHotspot-9485743{cursor:default}.CrossArea .square{border:1px solid #d3d3d3;border-radius:4px;width:100%;_height:50px;padding:5px;min-height:50px}.CrossArea .fromTag{border:1px dashed #ccc;border-radius:4px}.CrossArea .fromTag,.CrossArea .toTag{position:relative;margin:3px;font-size:13px;padding:0 8px;line-height:30px;color:#666;background:hsla(0,0%,100%,.7)}.CrossArea .toTag{border:1px dashed #9cc6f3;border-radius:4px}.CrossArea .delete{position:absolute;top:-1px;right:-1px;width:16px;height:16px;cursor:pointer;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.import-modal-no-footer .ant-modal-footer{display:none}.import-modal-no-footer .CSVImporter_ProgressDisplay__progressBarIndicator{background:#90ee90}.import-modal-no-footer .CSVImporter_TextButton{background:#1890ff;color:#fff}.import-modal-no-footer .CSVImporter_TextButton:hover{background:#40a9ff;color:#fff}.visual-explain #tree-container{position:absolute;left:0;width:100%}.visual-explain .svgContainer{display:block;margin:auto}.visual-explain .node{cursor:pointer}.visual-explain .node-rect-closed{stroke-width:2px;stroke:#000}.visual-explain .link{fill:none;stroke:#b0c4de;stroke-width:2px}.visual-explain .linkselected{fill:none;stroke:tomato;stroke-width:2px}.visual-explain .linkmarked{fill:none;stroke:red;stroke-width:2px}.visual-explain .arrow{fill:#b0c4de;stroke-width:1px}.visual-explain .arrowselected{fill:tomato;stroke-width:2px}.visual-explain .link text{font:7px sans-serif;fill:#c00}.visual-explain .wordwrap{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.visual-explain .node-text{font:9px sans-serif;color:#fff}.visual-explain .tooltip-text-container{height:100%;width:100%}.visual-explain .tooltip-text{visibility:hidden;font:9px sans-serif;color:#fff;display:block;padding:5px}.visual-explain .tooltip-box{background:rgba(0,0,0,.7);visibility:hidden;position:absolute;border:1px solid #000;border-top-right-radius:.5em}.visual-explain .expand-box{background:#eee;position:absolute;_border-top-right-radius:.5em;width:10px;height:10px;background-color:#d3d3d3;border:1px solid #fff;color:#000}.visual-explain .expand-box-plus{font:16px sans-serif;width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAB+SURBVChTvZLBDcAgCEVp03F0IBnFARxFB9JVPLeBkoqJHvTQlxiQ+OGHeNRab1jklLjEcFLOmQ+BiBw100kpJSilyK1ny94lsbOkiTFK1qx+IoIsaXQjay1HohM55yR7G9BDY4xUGtPtee9ZFEKQamNrEVMRWR1ZI/76RgAPEuk1AGi02ekAAAAASUVORK5CYII=);background-size:cover}.visual-explain .expand-box-minus{font:20px sans-serif;width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABSSURBVChTY/z69et/BhIBE5QmCQxyTfCAWLVqFVgAF+Dl5WXw9PQEs1nAJBC8efOGYfv27VAeJsjKyoKykGxavHgxWAAXEBERgds0Gk9gwMAAAEemG7jxQk+1AAAAAElFTkSuQmCC);background-size:cover}.visual-explain p{display:inline}.visual-explain .textcolored,.visual-explain a.exchangeName{color:orange}.visual-explain .display-none{display:none}.visual-explain .display-default{display:default}.visual-explain .close-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:30px;font-weight:lighter;color:#fff;position:absolute;top:-15px;right:0;cursor:default}.hbase-pane .keys-panel .ant-card-body{padding:8px 0;font-weight:700;text-align:center;font-size:28pt;white-space:nowrap;height:100px;line-height:88px}.hbase-pane .keys-panel .ant-card-head{min-height:30px;border-bottom:none;background-color:#e1eff8;padding:0 10px}.hbase-pane .keys-panel .ant-card-head-title{font-size:10pt;padding:8px 0;vertical-align:middle}.hbase-pane .keys-panel .ant-card-bordered{border:1px solid #e1eff8}.hbase-pane .keys-panel .ant-col-md-3{width:14.2%}.hbase-pane .keys-panel .ant-col-md-3 .ant-card-body{font-size:28pt}.hbase-pane .keys-panel .ant-col-sm-3{width:14.2%}.hbase-pane .keys-panel .ant-col-sm-3 .ant-card-body{font-size:24pt}.hbase-pane .green-text{color:#0b830b}.hbase-pane .red-text{color:#e02626}.hbase-pane .black-text{color:#2c3e50}.hbase-pane .section,.hbase-pane .section1{background:#fff;padding:24px}.hbase-pane .section{box-shadow:2px 2px 5px #888}.hbase-pane .echarts-for-react{height:260px!important;padding:10px;width:100%}.hbase-pane .ant-card-body,.hbase-pane .chart-box{box-shadow:2px 2px 5px #888}.hbase-pane .chart-box .ant-card-body{padding:0;box-shadow:none}.hbase-pane .title-bar{padding:12px;background-color:#e1eff8;width:100%;font-weight:700;vertical-align:middle}.hbase-pane .ant-page-header{padding:0}.hbase-pane .ant-page-header-heading-title{font-weight:500;font-size:18px;line-height:27px}.mem-pane .green-text{color:#0b830b}.mem-pane .red-text{color:#e02626}.mem-pane .black-text{color:#2c3e50}.mem-pane .section,.mem-pane .section1{background:#fff;padding:24px}.mem-pane .section{box-shadow:2px 2px 5px #888}.mem-pane .react-for-echarts{height:260px!important;padding:10px;width:100%}.mem-pane .ant-card-body,.mem-pane .chart-box{box-shadow:2px 2px 5px #888}.mem-pane .chart-box .ant-card-body{padding:0;box-shadow:none}.mem-pane .title-bar{padding:12px;background-color:#e1eff8;width:100%;font-weight:700;vertical-align:middle}.mem-pane .ant-page-header{padding:0}.mem-pane .ant-page-header-heading-title{font-weight:500;font-size:18px;line-height:27px}.mem-pane .app{margin-top:15px;padding-left:15px}.mem-pane .app .label{width:25%;display:inline-block;padding-right:10px}.mem-pane .app .value{width:35%;display:inline-block;padding-left:10px}.mem-pane .app .progress{width:40%;display:inline-block}.users-page .ant-page-header{padding:0}.header{width:100%;_padding-right:10px;height:50px;background:#21305e}.header .header-trigger{font-size:40px}.header .header-title,.header .header-trigger{color:#fff;vertical-align:middle;line-height:50px}.header .header-title{font-size:20px;text-align:center;float:right;_position:absolute;_left:calc(50% - 120px);left:100px;top:0}.header .mobile-bar{margin-left:-35px;margin-top:5px}.header .full-btn{font-size:30px;vertical-align:middle;margin-right:-20px}.header .avatar{position:relative;display:inline-block;width:35px;height:35px;border-radius:70%;vertical-align:middle;text-align:center;margin-bottom:5px}.header .ant-layout-header{background:#21305e;line-height:50px;height:50px;padding:0}.header-left-menu{line-height:50px;float:right;_position:absolute;top:2px;right:250px;font-size:14px;background-color:initial}.header .header-left-menu>.ant-menu-submenu{border-bottom:0 solid #1890ff}.header .header-left-menu .ant-menu-submenu-title{border-bottom:2px solid transparent}.header .header-left-menu .ant-menu-submenu-active .ant-menu-submenu-title,.header .header-left-menu .ant-menu-submenu-selected .ant-menu-submenu-title{border-bottom:2px solid #1890ff}.header .header-left-menu>.ant-menu-submenu,.header .header-left-menu>.ant-menu-submenu>.ant-menu-submenu-title{padding:0 10px}.header .header-left-menu .ant-menu-submenu{opacity:.7}.header .header-left-menu .ant-menu-submenu-active,.header .header-left-menu .ant-menu-submenu-selected{opacity:1}.header .header-left-menu .ant-menu-submenu-title,.header .header-left-menu .ant-menu-submenu-title:hover{color:#fff}.header .header-left-menu>.ant-menu-item{border-bottom:0 solid #00f;_border-bottom:2px solid transparent}.header .header-left-menu .ant-menu-item>a{border-bottom:2px solid transparent}.header .header-left-menu>.ant-menu-item,.header .header-left-menu>.ant-menu-item>a{padding:0 10px}.header .header-left-menu .ant-menu-item{opacity:.7}.header .header-left-menu .ant-menu-item-active,.header .header-left-menu .ant-menu-item-selected{opacity:1}.header .header-left-menu .ant-menu-item>a{color:#fff}.header .header-left-menu .ant-menu-item-active>a,.header .header-left-menu .ant-menu-item-selected>a{border-bottom:2px solid #1890ff}.header-right-menu{line-height:50px;float:right;_position:absolute;_top:0;_right:5px;margin-right:10px;background-color:initial}.header .header-right-menu .ant-menu-item-active,.header .header-right-menu .ant-menu-item-selected{_border-bottom:2px solid transparent}.header .header-right-menu .ant-menu-item>span,.header .header-right-menu .ant-menu-submenu{color:#fff;opacity:.8}.header .header-right-menu .ant-menu-item,.header .header-right-menu .ant-menu-submenu-title{padding-left:10px;padding-right:0}.header .header-right-menu .ant-badge-count{height:15px;line-height:15px;font-size:10px;right:10px}.header .header-right-menu.ant-menu-horizontal{_border-bottom:2px solid transparent}.header .header-right-menu.ant-menu-horizontal .ant-menu-item-selected,.header .header-right-menu.ant-menu-horizontal .ant-menu-item-selected>a,.header .header-right-menu.ant-menu-horizontal .ant-menu-item-selected>a:hover{color:#000}.header .logo-box{line-height:50px;margin-left:20px;float:left}.header .logo-box .logo{width:45px;height:45px}.header .logo-box span{margin:0 20px}.header .alert-button{_padding-bottom:8px}.header .welcome{_padding-bottom:8px;padding-left:15px}.header .lang-switch,.header .welcome{font-size:20px;_vertical-align:middle;color:#1890ff}.header .lang-switch{_padding-bottom:12px}.header .question-btn{color:#1890ff;_padding-bottom:8px}.header-events-title{font-weight:700}.events-view .ant-alert{margin-bottom:10px}.drawer-alert .ant-drawer-title{font-weight:700;font-size:16px}.drawer-alert .ant-drawer-content{border-radius:4px}.drawer-alert .ant-drawer-content-wrapper{top:55px;height:80%;border-radius:4px}.drawer-alert .ant-list-item-meta,.drawer-alert .ant-list-item-meta-title{margin-bottom:0}.drawer-alert .ant-list-item{padding:6px 0}.drawer-help .ant-drawer-title{font-weight:700;font-size:16px}.drawer-help .ant-drawer-content-wrapper{top:55px;right:1px;height:280px;border-radius:4px}.drawer-help .ant-badge-status-text{margin-left:12px}.drawer-help .ant-drawer-content{border-radius:4px}.drawer-about .ant-drawer-title{font-weight:700;font-size:16px}.drawer-about .ant-drawer-content-wrapper{top:75px;height:500px;border-radius:4px}.drawer-about .ant-drawer-content{border-radius:4px}.alert-page{width:100%;height:100%}.alert-page .alert-content{margin-left:33px;border:1px solid rgba(9,30,66,.08);border-radius:4px;padding:10px;max-height:300px;overflow-y:auto}.alert-page .alert-page-footer{position:"absolute";right:0;bottom:0;width:"100%";borderTop:"1px solid #e9e9e9";padding:"10px 16px";background:"#fff";textAlign:"right"}.alert-page .ant-btn-link{color:"#000"}.alert-page .ant-form-item-label{padding:6px 0 0}.switcher{position:fixed;z-index:1050;top:72px;right:-240px;width:240px;transition:right .2s ease;border:1px solid hsla(0,0%,47.1%,.1);cursor:pointer}.switcher.active{right:-15px}.switcher .sw-btn{position:absolute;left:-20px;top:-1px;padding:0 2px;z-index:1045;border:1px solid hsla(0,0%,47.1%,.3);border-right:0;border-radius:4px;background-color:#fff}.content{padding:0 16px 16px;overflow:auto}.footer{text-align:center;font-style:italic;_padding-left:calc(50% - 210px)}.notification p{padding-top:5px}.center{margin:0 auto;text-align:center;vertical-align:middle}.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}tr.ant-table-row-selected td{background-color:#e0e0e0!important}.ant-table-small{border:1px solid #ddd}.ant-table-small>.ant-table-content .ant-table-header,.ant-table-small>.ant-table-content .ant-table-thead{background-color:#e1eff8}.ant-table-small>.ant-table-content>.ant-table-body{margin:0}.even-row{background:#fcfcfc}.odd-row{background:#f5f5f5}.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon,.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter{background:#3cb4ec}.ant-table-thead>tr>th .anticon{color:#99d8f5}.table-refresh-button{position:absolute;right:0;top:-25px}.ant-modal-header{background-color:#e1eff8}.ant-table colgroup>col.ant-table-selection-col{width:10px}.ant-table-content .ant-radio{display:none;padding:0}.ant-table-content .ant-btn-circle.ant-btn-sm{min-width:17px;border-radius:50%;width:17px;height:16px;padding:0;font-size:11px}.login-container{position:relative;background:url(../../static/media/login-bg-7-s.b146f44a.png) no-repeat 50%/cover;width:100%;height:100vh}.login-container .login-card{position:absolute;top:50%;left:50%;border-radius:5%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:350px;background-color:hsla(0,0%,100%,.85)}.login-container .login-card .visit{float:right;padding-right:10px}.login-container .logo{width:150px;border-radius:5%;padding-left:24px;padding-top:24px}.not-found{width:100%;height:100vh;background:#ececec;overflow:hidden;text-align:center}.not-found img{margin-top:100px;width:50%;height:30%}.not-found .back-text{font-size:28px;display:block;margin-top:50px}