@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);:root{--color-white:#fff;--color-black:#232323;--color-gray:#e0e0e0;--color-surface:#17191c;--color-title:#fff;--color-text:#fff6;--color-card:#1f2125;--color-border:#3d4046;--color-teal:#4ababf;--color-teal-transparent:#4ab9bf66;--color-red:#e97f1c;--color-aqua:#17f6f6;--color-yellow:#ead109;--color-green:#05934f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#17191c;background-color:var(--color-surface);font-family:Noto Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.servers-list-container{cursor:default;font-family:Noto Sans,sans-serif;margin-top:16px;width:100%}.servers-list-container .servers-header{align-items:center;border-bottom:1px solid #3d4046;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding-bottom:6px}.servers-list-container .servers-header span{color:#fff;color:var(--color-title);font-size:14px;font-weight:300}.servers-list-container .servers-header button{background:#0000;border:0;color:gray;cursor:pointer;font-size:20px;outline:none}.servers-list-container .servers-list{height:20vh;margin-top:6px;overflow:auto}.servers-list-container .servers-list .server-item{display:flex;margin-top:1px;overflow:hidden}.servers-list-container .servers-list .server-item .server-ip{color:#fff6;color:var(--color-text);font-size:10px;padding:5px;width:50%;z-index:9999999}.servers-list-container .servers-list .server-item .status-dot{color:#fff6;color:var(--color-text);font-size:10px;margin:auto;padding:5px;width:4%;z-index:9999999}.servers-list-container .servers-list .server-item .status-dot .dot{border-radius:10px;height:7px;width:7px}.servers-list-container .servers-list .server-item .status-dot.working .dot{background-color:#17f6f6}.servers-list-container .servers-list .server-item .status-dot.standby .dot{background-color:#05934f}.servers-list-container .servers-list .server-item .status-dot.not-reachable .dot{background-color:#ead109}.servers-list-container .servers-list .server-item .status-dot.offline .dot{background-color:#e97f1c}.servers-list-container .servers-list .server-item .server-status{color:#fff6;color:var(--color-text);font-size:10px;padding:5px;transform:translate(-10px);width:41%;z-index:9999999}.servers-list-container .servers-list .server-item .server-action{color:#fff6;color:var(--color-text);font-size:12px;padding:5px;width:5%;z-index:9999999}.server-statistics{margin-top:16px}.server-statistics button{background:#0000;border:0;color:gray;cursor:pointer;font-size:20px;outline:none}.server-statistics .header{display:flex;font-size:13px;font-weight:700;padding:5px}.server-statistics .wrapper{display:flex;justify-content:space-between}.server-statistics .average-section,.server-statistics .request-section{height:20vh;position:relative;width:171px}.server-statistics .statistics-header{align-items:center;color:#fff;color:var(--color-title);display:flex;font-size:13px;font-weight:700;justify-content:space-between;padding:5px}.server-statistics .statistics-value{color:#fff;font-size:32px;height:40%;margin-top:-20px;padding:5px}.server-statistics .chart-container{height:100px;width:164px}.server-statistics .percentage-change{display:flex;font-size:10px;justify-content:center}.server-statistics .percentage-change .arrow{height:10px;margin-top:8px}.server-statistics .percentage-change .positive-change{color:#4ababf;color:var(--color-teal);font-weight:700;margin-top:2px;padding:5px}.server-statistics .percentage-change .negative-change{color:#e97f1c;color:var(--color-red);font-weight:700;margin-top:2px;padding:5px}.server-statistics .global-statistics{align-items:center;border-bottom:1px solid #3d4046;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between}.server-statistics .global-statistics span{color:#fff;color:var(--color-title);font-size:13px;font-weight:300}.responsiveChart{bottom:0;height:11vh!important;position:absolute;width:100%}.activity-chart-container{margin-top:16px;position:relative}.activity-chart-container .chart-header{align-items:center;border-bottom:1px solid #3d4046;border-bottom:1px solid var(--color-border);cursor:default;display:flex;font-size:.9rem;justify-content:space-between;padding-bottom:5px}.activity-chart-container .chart-header button{background:#0000;border:0;color:gray;cursor:pointer;font-size:20px;outline:none}.activity-chart-container .chart-header span{color:#fff;color:var(--color-title);font-weight:300;padding-bottom:5px}.activity-chart-container .chart-wrapper{height:20vh;transition:max-height .3s ease-in-out;width:350px}.responsiveChartBottom{bottom:0;left:-33px;max-height:15vh!important;min-height:15vh!important;overflow:hidden;padding:10px;position:relative}.server-status-container{bottom:116px;cursor:default;left:50px;position:absolute;z-index:1}.server-status-container .status-bar{height:1px;margin-bottom:7px;width:100%}.server-status-container .status-row{align-items:center;display:flex;height:22px;justify-content:center}.server-status-container .status-row .status-dot{border-radius:10px;height:5px;margin-top:4px;width:5px}.server-status-container .status-row .status-dot:before{border-radius:10px;content:"";display:block;height:10px;left:-2.5px;margin-top:-2.1px;position:absolute;width:10px;z-index:1}.server-status-container .status-row .status-working{background-color:#17f6f6;background-color:var(--color-aqua)}.server-status-container .status-row .status-working:before{background-color:#17f6f6;background-color:var(--color-aqua);opacity:0}.server-status-container .status-row .status-standby,.server-status-container .status-row .status-standby:before{background-color:#05934f;background-color:var(--color-green)}.server-status-container .status-row .status-standby:before{opacity:0}.server-status-container .status-row .status-not-reachable{background-color:#ead109;background-color:var(--color-yellow)}.server-status-container .status-row .status-not-reachable:before{background-color:#ead109;background-color:var(--color-yellow);opacity:0}.server-status-container .status-row .status-offline{background-color:#e97f1c;background-color:var(--color-red)}.server-status-container .status-row .status-offline:before{background-color:#e97f1c;background-color:var(--color-red);opacity:0}.server-status-container .status-row span{color:#fdfdfd;margin-left:7px;width:110px}.server-status-container .status-row span.percent{text-align:end;width:50px}.barWrapperbottom{bottom:20px;left:42px;position:absolute;z-index:20}.barWrapperbottom button{align-items:center;background:#17191c;background:var(--color-surface);border:1px solid #3d4046;border:1px solid var(--color-border);border-radius:50px;cursor:pointer;display:flex;padding:3px;position:absolute;right:-15px;top:29px;transform:rotate(90deg)}.status-bar-container{background-color:#1f2125;background-color:var(--color-card);border:1px solid #3d4046;border:1px solid var(--color-border);border-radius:10px;cursor:default;display:flex;padding:10px 20px;transition:all .5s ease}.status-bar-container .server-data{margin-right:25px;min-width:150px;width:15vw}.status-bar-container .server-data:last-of-type{margin-right:0}.status-bar-container .server-data .top{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.status-bar-container .server-data .server-label{color:#fff;color:var(--color-title);font-size:.8rem;font-weight:700}.status-bar-container .server-data .server-value{color:#fff;color:var(--color-title);font-size:.8rem;font-weight:300}.status-bar-container .server-data .progress-container{align-items:center;background-color:#17191c;background-color:var(--color-surface);border:1px solid #3d4046;border:1px solid var(--color-border);border-radius:10px;display:flex;height:12px;width:100%}.status-bar-container .server-data .progress-container .progress-bar{background-color:#4ababf;background-color:var(--color-teal);border-radius:10px;height:6px;margin-left:3px}.status-bar-container .server-data .status-summary-item{align-items:center;color:#fff6;color:var(--color-text);display:flex;font-size:15px;justify-content:space-between}.server-data-min{align-items:center;display:flex;height:58px;justify-content:space-between;width:150px}.server-data-min .server-first,.server-data-min .server-second{align-items:center;display:flex;font-size:20px}.server-data-min .server-first span,.server-data-min .server-second span{margin-left:5px}.server-data-min .server-first{margin-right:20px}.popup,.server-data-min .server-value{color:#fff;color:var(--color-title)}.popup{background-color:#1f2125;background-color:var(--color-card);border:1px solid #3d4046;border:1px solid var(--color-border);border-radius:8px;max-height:230px;padding:10px;position:absolute;transform:translate(-50%,-100%);width:220px;z-index:999}.popup ul{height:100%;list-style:none;margin:10px 0 0;max-height:189px;overflow-y:auto;padding:0;position:relative}.popup .barContainer{align-items:center;display:flex}.popup .barContainer span{color:#fff6;color:var(--color-text);font-size:12px}.popup .barWrapper{height:10px;margin-right:5px;position:relative;width:calc(100% - 50px)}.popup .barBg{background-color:#17191c;background-color:var(--color-surface);border:1px solid #3d4046;border:1px solid var(--color-border);border-radius:10px;height:8px;width:100%}.popup .bar{background-color:#4ababf;background-color:var(--color-teal);border-radius:5px;height:5px;left:2px;position:absolute;top:3px}.popup ::-webkit-scrollbar{width:8px}.popup ::-webkit-scrollbar-track{background-color:#17191c;background-color:var(--color-surface);border-radius:10px}.popup ::-webkit-scrollbar-thumb{background-color:#3e434e;border-radius:10px}.popup ::-webkit-scrollbar-thumb:hover{background-color:#555}.popup .header{align-items:center;border-bottom:1px solid #3d4046;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding-bottom:10px}.popup .header h4{margin:0}.popup .header button{background:#0000;border:0;color:#fff6;color:var(--color-text);outline:none}.popup .serverCard{margin-bottom:10px}.popup .serverCard-top{align-items:center;display:flex;font-size:16px;width:100%}.popup .ip span{color:#fff6;color:var(--color-text);display:block;font-size:13px;margin-left:10px;margin-top:-3px}.popup .dot{border-radius:10px;display:block;height:7px;margin-right:5px;width:7px}.popup .dot.working{background-color:#17f6f6}.popup .dot.standby{background-color:#05934f}.popup .dot.not-reachable{background-color:#ead109}.popup .dot.offline{background-color:#e97f1c}.dotMap{cursor:pointer}.custom-button-green{background-color:#efefef;border:2px solid #316952;border-radius:10px;color:#316952;cursor:pointer;font-size:16px;padding:0;transition:background-color .3s,color .3s}.custom-button-green:hover{background-color:#316952!important;color:#efefef!important}.custom-button-green::selection{background-color:#316952!important;color:#efefef!important}.custom-button-green:disabled{background-color:#efefef!important;color:#316952!important}.custom-button-green:blank{background-color:#efefef!important;color:#316952!important}#infoBar{background-color:#1f2125;background-color:var(--color-card);border:1px solid #3d4046;border:1px solid var(--color-border);border-radius:10px;height:auto;padding:10px;position:absolute;right:20px;top:20px;width:255px;z-index:999}#infoBar ::-webkit-scrollbar{width:8px}#infoBar ::-webkit-scrollbar-track{background-color:#17191c;background-color:var(--color-surface);border-radius:10px}#infoBar ::-webkit-scrollbar-thumb{background-color:#3e434e;border-radius:10px}#infoBar ::-webkit-scrollbar-thumb:hover{background-color:#555}#infoBar .header{align-items:center;background-color:#4ab9bf66;background-color:var(--color-teal-transparent);border:1px solid #4ababf;border:1px solid var(--color-teal);border-radius:8px;cursor:default;display:flex;justify-content:space-between;padding:5px 10px}#infoBar .header p{color:#fff;color:var(--color-title);font-size:15px;font-weight:700;margin:0}#infoBar .header button{background:#0000;border:0;outline:0;transition:all .2s ease}#infoBar .header button svg.open{transform:rotate(-180deg)}.servers-list,.wrapper{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.servers-list.collapsed,.wrapper.collapsed{max-height:0}.chart-wrapper.collapsed{display:none}.chart-wrapper{height:auto;opacity:1;overflow:hidden;transition:max-height .3s ease-in-out}.chart-wrapper.collapsed{height:0;opacity:0}.footer{align-items:center;background-color:#1f2125;background-color:var(--color-card);border:1px solid #3d4046;border:1px solid var(--color-border);border-radius:10px;bottom:20px;cursor:default;display:flex;font-size:12px;justify-content:center;padding:10px 12px;position:absolute;right:20px;width:250px;z-index:1}.footer,.footer-link{color:#fff6;color:var(--color-text)}.footer-link{margin:0 5px;text-decoration:none}.footer-link:hover{color:#4ababf}