/*
 * Copyright (c) 2020-present The Aspectran Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.monitoring-page .group.tabs{box-shadow:none}.monitoring-page .group.tabs>.tabs-title>a,.monitoring-page .group.tabs>.tabs-title button{margin-right:4px;border-radius:30px!important;@media screen and (min-width:768px){padding:3px 13px!important;font-size:.8em!important}}.tabs>.tabs-title .indicator{padding:0}.group-bar{display:none}.node-bar{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.node.tabs{box-shadow:none;@media screen and (max-width:768px){height:auto}@media screen and (min-width:768px){margin-top:1px}}@media screen and (min-width:768px){.node.tabs>.tabs-title>a,.node.tabs>.tabs-title button{padding:3px 13px!important}}.node.tabs .tabs-title .indicator.disconnected{color:#f90}.node.tabs .tabs-title .indicator.error{color:#a01f27}.metrics-bar{background-color:#d3d3d3;@media screen and (max-width:768px){display:block;height:auto}@media screen and (min-width:768px){display:flex;height:1.8rem}}.metrics-bar .metric dl{display:flex;margin:0;@media screen and (max-width:768px){height:auto}@media screen and (min-width:768px){height:1.8rem}}.metrics-bar .metric dl dt{margin:0;padding:0 .6rem;align-content:center;font-weight:400;font-size:.9em}.metrics-bar .metric dl dd{margin:0;padding:0 .8rem 0 0;align-content:center;font-weight:700}.node.metrics-bar{position:relative;height:auto;border-bottom:1px solid #ddd;background-color:unset;box-shadow:0 6px 15px -10px #32323254;width:100%;display:flex;align-items:center;flex-wrap:wrap;@media screen and (max-width:768px){display:grid;grid-template-columns:auto 1fr;align-items:center}}.node.metrics-bar .title{display:inline-flex;align-items:center;font-weight:700;color:#677278;white-space:nowrap;padding-right:12px;grid-gap:4px;@media screen and (max-width:768px){grid-column:1;grid-row:1 / span 10;align-self:center;padding-right:12px}}.node.metrics-bar .metric{border-left:1px solid #ccc;@media screen and (max-width:768px){border-right:1px solid #ccc}@media screen and (max-width:768px){display:block;grid-column:2;text-align:left}}.node.metrics-bar .metric dl{@media screen and (max-width:768px){display:inline-flex}}.instance.metrics-bar{@media screen and (max-width:576px){display:flex;flex-direction:column;align-items:center;height:auto}@media screen and (min-width:576px){display:flex;justify-content:center}}.instance.metrics-bar .metric dl{height:28px}.control-bar{background-color:#677278;color:#eee;padding:4px 6px;box-shadow:0 6px 10px -10px #32323273;text-align:right;border-top-right-radius:3px;@media screen and (max-width:768px){border-top-left-radius:3px}}.control-bar .options>.bi{color:#d6e5e4;margin-left:2px}.control-bar .options .btn-group{display:inline-block;margin:0}.control-bar .options .btn-group .btn{padding:3px 8px;font-size:.9em;background-color:#545a5d;color:#e6e6e6;transition:all .2s ease-in-out}.control-bar .options .btn-group .btn:hover{background-color:#43494c;color:#fff}.control-bar .options .btn-group .btn.on{background-color:#314959}.event-box{display:none}.event-box .title-bar{background-color:#242c43;color:#eee;padding:0 7px 0 10px;height:29px;box-shadow:inset -20px 20px 20px -20px #394e59}.event-box .title-bar.on{background-color:#709185}.event-box .title-bar h4{line-height:29px;font-size:.9em;font-weight:400;margin:0;display:inline}.track-box{position:relative;height:120px;background-color:#0d1939;overflow:hidden;display:none}.track-box .traffic-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.track-box .track-stack{position:absolute;top:0;right:0;width:180px;height:120px;background-color:#3e132d;z-index:5}.track-stack .activity-status-plate{position:absolute;inset:0;z-index:9}.track-stack .activity-status-plate .bottom-plate-left{position:absolute;bottom:0;left:0;width:115px;height:24px;background-color:#572b2a;color:#eee}.track-stack .activity-status-plate .bottom-plate-right{position:absolute;bottom:0;right:5px;width:55px;height:24px;background-color:#572b2a;color:#eee}.track-stack .activity-status{position:absolute;inset:0;color:#a5aecf;text-align:center;z-index:11}.track-stack .activity-status p{margin:0;padding:0;line-height:1}.track-stack .activity-status p.current{font-size:3em;font-weight:700;padding-top:4px}.track-stack .activity-status p.interim{font-size:2em;color:#35e771;line-height:1.1}.track-stack .activity-status p.interim .errors{color:#fc2184}.track-stack .activity-status p.interim .separator{color:#a48599;letter-spacing:-3px}.track-stack .activity-status p.cumulative{position:absolute;bottom:0;left:0;width:115px;height:24px;line-height:24px;text-align:center;font-size:1em}.track-stack .activity-status .sampling-timer-bar{position:absolute;right:0;bottom:0;width:5px;height:100%;background-color:#b989a6}.track-stack .activity-status .sampling-timer-status{position:absolute;bottom:0;right:5px;width:55px;height:24px;line-height:24px;text-align:center;font-size:.7em}.visual-box{display:none;box-shadow:0 8px 10px -10px #32323254}.visual-box .chart-box{position:relative;width:100%;height:188px;padding:4px 0 0 4px;background-color:#fff;border-top:1px solid #ddd}.visual-box .chart-box .chart{width:100%;height:184px;position:relative}.visual-box .chart-box .chart canvas{width:100%}.visual-box .chart-box .chart .reset-zoom{position:absolute;top:0;right:0;border:none;border-radius:3px;background-color:#bbb;color:#fff;opacity:.7;display:none}.visual-box .chart-box .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;display:none;align-items:center;justify-content:center;z-index:10}.visual-box .chart-box .loading-overlay .spinner-border{width:2.5rem;height:2.5rem;color:#4493c8}.session-box{display:none}.session-box .panel{border:none;border-radius:0;height:199px;padding:5px;overflow-y:auto;background-color:#9fbbbb;position:relative;box-shadow:inset 0 2px 4px #0000001a}.session-box .panel.status .knob-bar{position:absolute;bottom:0;left:0;right:0;height:20px;display:none}.session-box .panel.status .knob{position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:5px;background-color:#69899c;border-radius:10px 10px 0 0}@media screen and (max-width:768px){.session-box .panel.status{height:33px;overflow-y:hidden;border-bottom:none}.session-box .panel.status.expanded{height:200px}.session-box .panel.status .knob-bar{display:block}}.session-box .panel.ground{background-color:#eff5fa}.session-box .panel p.since{margin:0;padding:0 .5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;font-size:.85em}.session-box dl.session-stats{margin-bottom:.3em}.session-box dl.session-stats dt{float:left;clear:left;padding:0 0 0 .5em;margin:0;height:24px;font-size:.9em;font-weight:400;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap}.session-box dl.session-stats dd{text-align:right;font-weight:400;font-size:1em;padding:0 .5em 0 0;margin:0;height:24px;white-space:nowrap}.session-box ul.sessions{margin:0;padding:0}.session-box ul.sessions li{list-style-type:none;display:inline-table;padding:0;margin-right:5px;margin-bottom:5px;height:25px;line-height:25px;border-radius:5px;background-color:#fff}.session-box ul.sessions li.inactive{opacity:.475}.session-box ul.sessions li.hidden{display:none}.session-box ul.sessions li .count{display:inline-block;width:3px;height:25px;line-height:25px;vertical-align:top;color:transparent;background-color:#8396a2;border-left:3px solid #008100;font-size:.85em}.session-box ul.sessions li .count.active{background-color:#02b502}.session-box ul.sessions li .count.counting{width:auto;padding:0 8px 0 6px;color:#fff}.session-box ul.sessions li.inactive .count.counting{border-left-color:#595858}.session-box ul.sessions li .flag{height:25px;border-radius:0;vertical-align:top}.session-box ul.sessions li .username{display:inline-block;height:25px;line-height:25px;vertical-align:top;padding-left:6px;padding-right:6px;font-size:.85em;background-color:#d3d3d3}.session-box ul.sessions li .detail{display:none;line-height:.9;border-top:1px solid #638499}.session-box ul.sessions li.designated{padding:0 0 3px;border-radius:3px;background-color:#fff;border:1px solid #748fa0}.session-box ul.sessions li.designated .count{border-top-left-radius:2px}.session-box ul.sessions li.designated .detail{display:block}.session-box ul.sessions li .detail p{padding:2px;margin:0;font-size:.8em;text-align:right;line-height:1}.session-box ul.sessions li .detail p:first-child{font-size:.74em;background-color:#517386;color:#fff}.session-box ul.sessions li .detail p:last-child{font-size:.74em}.console-box .status-bar{display:flex;align-items:center;background-color:#677278;color:#eee;padding:0 7px 0 10px;height:29px;box-shadow:-20px 20px 20px -20px #42494e inset}.console-box .status-bar.on{background-color:#709185}.console-box .status-bar h4{flex:1;height:29px;line-height:29px;font-size:.88em;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-box .status-bar a{display:inline-block;line-height:29px;margin-left:12px;color:#fff;cursor:pointer}.console-box .status-bar a:hover,.console-box .status-bar a:visited{color:#d1b605}.console-box .status-bar a.on{color:#ffeb00}.console-box .status-bar a.load-previous i{font-size:1.1em}.console-box .status-bar .tailing-switch{display:flex;align-items:center}.console-box .status-bar .tailing-switch .tailing-status{display:block;height:18px;width:18px;border-radius:50%;position:relative}.console-box .status-bar .tailing-switch .tailing-status:after{content:"";position:absolute;inset:0;margin:auto;display:block;height:8px;width:8px;background:#f1f1f1;border-radius:50%}.console-box .status-bar .tailing-switch .tailing-status.on{background-color:#39aa56}.console-box .console{clear:both;margin:0;padding:10px;overflow:auto;height:450px;color:#f1f1f1;background-color:#222;border:1px solid #54656f;border-radius:0}.console-box .console p{font-size:12px;line-height:16px;white-space:pre;color:#e1e1e1;margin:0;padding:0;width:fit-content;min-width:100%}.console-box .console p:hover{color:#fbf1a2}.console-box .console p.event{border-radius:20px;text-align:center;border:1px solid rgba(186,254,230,.53);padding:3px 6px;margin:4px 0;color:#fff;background-color:#333}.console-box .console p.event.error{background-color:#3e132d;border:1px solid #db7093;color:#fff}.console-box.maximized{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#fff}.console-box.maximized .console{height:calc(100vh - 29px)!important;box-shadow:none}.console-box.maximized .console:hover{box-shadow:none}[data-bs-theme=dark]{canvas:not(.traffic-canvas){filter:invert(1) hue-rotate(180deg)}.node-bar{border-color:#353b3e}.metrics-bar{background-color:#3b3f42}.node.metrics-bar{border-bottom:1px solid #353b3e;background-color:#24282b;box-shadow:none}.node.metrics-bar .title{color:#677278}.node.metrics-bar .metric{border-left:1px solid #3b3f42;@media screen and (max-width:768px){border-right:1px solid #3b3f42}}.instance.metrics-bar{background-color:#2a2f33}.control-bar{background-color:#3b3f42;color:#eee;box-shadow:0 6px 10px -10px #32323273}.control-bar .options>.bi{color:#d6e5e4}.control-bar .options .btn-group .btn{background-color:#313639;color:#cfcfcf}.control-bar .options .btn-group .btn:hover{background-color:#43494c;color:#fff}.control-bar .options .btn-group .btn.on{background-color:#1e2b32;color:#fff}.event-box .title-bar{background-color:#24272e;color:#eee;box-shadow:none}.event-box .title-bar.on{background-color:#709185}.track-box{background-color:#0d1324}.track-box .track-stack{background-color:#1d0c17}.track-stack .activity-status-plate .bottom-plate-left,.track-stack .activity-status-plate .bottom-plate-right{background-color:#3c201f;color:#eee}.track-stack .activity-status{color:#6471a1}.track-stack .activity-status p.interim{color:#1f8c45}.track-stack .activity-status p.interim .errors{color:#fc2184}.track-stack .activity-status p.interim .separator{color:#936e86}.track-stack .activity-status .sampling-timer-bar{background-color:#9b6485}.visual-box{background-color:#000;box-shadow:0 8px 10px -10px #32323254}.visual-box .chart-box{background-color:#000;border-top:1px solid #212426;box-shadow:0 6px 10px -10px #32323273}.visual-box .chart-box .chart .reset-zoom{background-color:#744065;color:#fff;border-radius:3px 0 0 3px;z-index:1}.visual-box .chart-box .loading-overlay{background-color:#0006}.visual-box .chart-box .loading-overlay .spinner-border{color:#709185}.session-box .panel{background-color:#212c28}.session-box .panel.status .knob{background-color:#567181}.session-box .panel.ground{background-color:#191c1d}.session-box ul.sessions li{background-color:#fff}.session-box ul.sessions li .count{background-color:#6d8898;border-left:3px solid #008100}.session-box ul.sessions li .count.active{background-color:#02b502}.session-box ul.sessions li .count.counting{color:#fff}.session-box ul.sessions li.inactive .count.counting{border-left-color:#959494}.session-box ul.sessions li .username{background-color:#525552}.session-box ul.sessions li .detail{border-top:1px solid #336382}.session-box ul.sessions li.designated{background-color:#1a252d;border:1px solid #48585e}.session-box ul.sessions li .detail p:first-child{background-color:#18486b;color:#b1aeae}.console-box .status-bar{background-color:#2f3437;color:#eee;box-shadow:-20px 20px 20px -25px #2e3234 inset}.console-box .status-bar.on{background-color:#394a54}.console-box .status-bar a{color:#fff}.console-box .status-bar a:hover{color:#d1b605}.console-box .status-bar a.on{color:#ffeb00}.console-box .status-bar .tailing-switch .tailing-status:after{background:#f1f1f1}.console-box .status-bar .tailing-switch .tailing-status.on{background-color:#39aa56}.console-box .console{color:#f1f1f1;background-color:#191919;border:1px solid #2f3437}.console-box .console p{color:#bbb}.console-box .console p:hover{color:#cabe60}.console-box .console p.event{border:1px solid rgba(92,218,173,.53);color:#ddd;background-color:#333}.console-box .console p.event.error{background-color:#3e132d;border:1px solid #db7093;color:#fff}.console-box.maximized{background-color:#222}.console-box.maximized .console,.console-box.maximized .console:hover{box-shadow:none}}