::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#141820}::-webkit-scrollbar-thumb{background:#384256}::-webkit-scrollbar-thumb:hover{background:#52617e}@font-face{font-family:OpenSans;src:url(/_next/static/media/OpenSans-Regular.ef7043cd.woff) format("woff");font-weight:300}@font-face{font-family:Pretendard;src:url(/_next/static/media/PretendardVariable.ff840cfe.woff2) format("woff");font-weight:300}:root{--em-font:#a1b0cb;--em-default:#5a8dee;--em-good:#39da8a;--em-warning:#fdac41;--em-error:#ff5b5c}.container-fluid{width:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}body{font-family:"Pretendard","OpenSans",var(--bs-body-font-family),bootstrap-icons!important;font-size:.85rem;background-color:#1d232f;color:var(--em-font);overflow:hidden;margin:0}.wrapper{display:flex;height:100vh}ul{list-style:none}.btn:active,.btn:focus{outline:none!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{outline:none}a,a:focus,a:hover{color:inherit;text-decoration:none;transition:all .3s}.header{padding:.5rem;background-color:#283144;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);margin-right:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-info{position:absolute;top:-35px;right:0}.top-menu{padding:0 1rem;background-color:#2e384d;height:40px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);margin-right:.5rem;margin-top:.25rem;display:flex;justify-content:center}.top-menu .nav-link{margin:0 20px;position:relative}.top-menu .nav-link:before{display:block;content:"";width:0;height:3px;bottom:5px;left:0;bottom:0;z-index:0;position:absolute;background:#5a8dee;transition:all .3s ease-in-out}.top-menu .nav-link.active,.top-menu .nav-link:hover{color:#5a8dee!important}.top-menu .nav-link.active:before,.top-menu .nav-link:hover:before{width:100%!important}.top-menu .nav-link:focus{color:#5a8dee!important}.top-menu .nav-link:focus:before{width:100%!important}.nav-tabs{--bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#36445d;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-link{font-size:1rem;font-weight:600;color:#fff}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--em-default);background-color:#141820;border-color:#36445d #36445d #141820}.nav-tabs .nav-link:hover{border-color:#5a8dee #5a8dee #141820;color:var(--em-default)}.nav-link:hover{color:#fff}.bg-new-dark{background:#141820}.content{width:100%;padding:10px 0 10px 10px;min-height:100vh;transition:all .3s;display:flex}select.form-select{display:block;width:100%;height:30px;color:#fff;font-size:.8rem;background-color:#141820;border:1px solid #546990;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239a9a9a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}.form-control:disabled,.form-control[readonly],.form-select:disabled{background-color:#303641;color:grey;cursor:not-allowed;border:1px solid #546990}.top-title{font-size:1.3rem;text-align:center}.section-title,.top-title{font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.section-title{font-size:.9rem;padding-top:.25rem;padding-left:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}input::placeholder{color:var(--bs-gray)!important;opacity:1}.form-control:focus{color:#fff;background-color:#141820;border-color:var(--em-default);outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-title{font-size:1.25rem;font-weight:600;cursor:default}.section{background-color:#283144;border-radius:4px;border:1px solid #141820;background-clip:padding-box;box-shadow:0 .125rem .875rem 0 rgba(0,0,0,.16);padding:.25rem .5rem;margin-right:.5rem}.btn{line-height:1.6}.btn-sm{font-size:.8rem;color:#fff;height:30px;white-space:nowrap}.btn-primary{background:#30405f}.btn-primary,.btn-primary-clear{color:#5a8dee;border-color:transparent}.btn-primary-clear{background:transparent}.btn-primary:hover{background-color:#4475d2;border-color:#7ba4f1}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-check:focus+.btn-primary,.btn-primary.active,.btn-primary:active,.btn-primary:focus,.show>.btn-primary.dropdown-toggle{background-color:#4475d2;border-color:var(--em-default)}.btn-primary.disabled,.btn-primary:disabled{background-color:#5975a9;border-color:#5975a9}.btn-success{color:#39da8a;border-color:transparent;background:#2b4c4f}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-check:focus+.btn-success,.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.show>.btn-success.dropdown-toggle{background-color:#22834e;border-color:var(--em-good)}.btn-secondary{color:#69809a;border-color:transparent;background:#323e52}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-check:focus+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover,.show>.btn-secondary.dropdown-toggle{border-color:#a0a0a0}.btn-danger{color:#ff5b5c;border-color:transparent;background:#4a3848}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-check:focus+.btn-danger,.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.show>.btn-danger.dropdown-toggle{border-color:#e65d6b}.btn-icon{font-size:1rem;height:30px;line-height:15px;padding:.37rem .5rem}img.logo{height:35px;margin-right:6px}.nav-user .bi-person,.nav-user .bi-power{font-size:1rem;margin-right:.25rem}.label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label.xxl{font-size:1.5rem}.label.xl{font-size:1rem}.label.lg{font-size:.85rem}.label.md{font-size:.8rem}.label.sm{font-size:.75rem}.value-label{font-weight:600;text-align:center;padding:0 10px;color:var(--bs-info);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.value-label.x-lg{font-size:1.35rem;color:#fff}.value-label.lg{font-size:.85rem}.value-label.md{font-size:.8rem}.value-label.sm{font-size:.75rem}.label-box{background-color:#1d232f;line-height:28px;height:30px;font-size:.8rem;padding-left:10px;margin-bottom:6px;border:1px solid #343434;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-radius:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label-box.disabled{background-color:#343c4e;color:grey}.display-box,.input-box{font-size:.8rem;color:#fff;background-color:#141820;border:1px solid #546990;border-radius:.25rem;height:30px;padding-left:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.display-box{-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-grey{color:#858582!important}.text-good{color:var(--em-good)!important}.text-warning{color:var(--em-warning)!important}.text-error{color:var(--em-error)!important}.bg-good{background-color:var(--em-good)!important}.bg-warning{background-color:var(--em-warning)!important}.bg-error{background-color:var(--em-error)!important}.bg-gray{background-color:var(--bs-gray)!important}.sub-title{font-size:.95rem}.form-check-input:checked{background-color:var(--em-default);border-color:var(--em-default)}.dropdown-menu{min-width:88px;padding:.25rem .5rem;font-size:.8rem;text-align:left;background-color:#141820;border:1px solid #646464}.dropdown-item,.dropdown-menu{color:var(--em-font);font-weight:600}.dropdown-item{display:block;width:100%;padding:0}.dropdown-item:focus,.dropdown-item:hover{color:#fff;background-color:#141820}.form-check-input{background-color:#9a9a9a;border:1px solid rgba(0,0,0,.25);width:1.25em;height:1.25em;margin-top:.25em;vertical-align:sub}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(100%);color:#fff;font-size:1.2rem;margin-top:2px}table{table-layout:fixed}thead{color:#fff}tbody,thead{font-size:.8rem}tbody{color:var(--em-font)}.table>thead>tr>th{border-bottom:1px solid var(--em-default)!important}.table>tbody>tr>td,.table>thead>tr>th{cursor:default;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.table>tbody>tr>td{border-bottom:hidden;padding:.25rem .5rem;line-height:32px}.table-hover>tbody>tr:hover{--bs-table-hover-color:#fff;background:#141820;cursor:default}hr{margin:.5rem 0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.bi-display,.bi-download,.bi-exclamation-circle,.bi-fullscreen,.bi-fullscreen-exit,.bi-geo-alt-fill,.bi-link-45deg,.bi-pencil-square,.bi-plus-circle{cursor:pointer}.bi-display:hover,.bi-download:hover,.bi-exclamation-circle:hover,.bi-fullscreen-exit:hover,.bi-fullscreen:hover,.bi-geo-alt-fill:hover,.bi-link-45deg:hover,.bi-pencil-square:hover,.bi-plus-circle:hover{color:#fff}.modal-title{font-size:1.75rem;color:#fff;text-overflow:ellipsis;overflow:hidden}.modal-message,.modal-title{-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-message{font-weight:600;margin-top:.5rem}.modal-content{background-color:#283144;box-shadow:10px 19px 16px 0 rgba(18,27,36,.62)}.modal-header{border-bottom:none;padding:.25rem 1rem}.modal-header .close{padding:0;margin:0}.modal-footer{border-top:none;padding-top:0}.close{color:#abaeb2;text-shadow:none;line-height:29px}.xml-modal textarea{width:100%;height:calc(100vh - 150px);background-color:#141820;border-color:#141820;color:#fff}.header-iframe{height:22px}.dashboard-disp{display:flex;justify-content:center;align-items:center;text-align:center;overflow:visible;height:calc(100vh - 150px);min-height:500px;position:relative}.log-popup{position:absolute;top:100px;left:0;width:100%;text-align:center;z-index:100}.log-popup span:after{content:"";width:10px;height:10px;transform:rotate(45deg);z-index:-1;background:#5a8dee;position:absolute;bottom:-14px;left:calc(50% - 5px)}.log-popup span{padding:10px 15px;background:#5a8dee;color:#fff;font-size:14px;border-radius:50px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.log-popup.error span,.log-popup.error span:after{background:var(--em-error)}.bitrate-label{font-size:4rem;font-weight:600;margin-right:.5rem}.bitrate-label,.bitrate-label-unit{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bitrate-label-unit{font-size:1.5rem;display:flex;align-items:center}.service-label{font-weight:600;font-size:2.5rem;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bitrate-circle{top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;box-sizing:border-box}.bitrate-circle,.bitrate-circle .face{position:absolute}.bitrate-circle .face.face1{top:0;left:0;right:0;bottom:0;border-radius:50%;border-left:2px solid #03a9f4;border-top:2px solid #03a9f4;animation:ani1 3s linear infinite}.bitrate-circle .face.face2{top:30px;left:30px;right:30px;bottom:30px;animation:ani2 3s linear infinite}.bitrate-circle .face.face2,.bitrate-circle .face.face3{border-radius:50%;border-right:2px solid #03a9f4;border-bottom:2px solid #03a9f4}.bitrate-circle .face.face3{top:-30px;left:-30px;right:-30px;bottom:-30px;animation:ani3 3s linear infinite}.bitrate-circle.error .face.face1{border-left:2px solid var(--em-error);border-top:2px solid var(--em-error)}.bitrate-circle.error .face.face2,.bitrate-circle.error .face.face3{border-right:2px solid var(--em-error);border-bottom:2px solid var(--em-error)}.bitrate-circle .face .circle{position:absolute;top:calc(50% - 1px);left:50%;width:50%;height:2px;transform-origin:left}.bitrate-circle .face.face1 .circle,.bitrate-circle .face.face2 .circle,.bitrate-circle .face.face3 .circle{transform:rotate(-45deg)}.bitrate-circle .face .circle:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fff;top:-4px;right:-6px}.bitrate-circle .face.face1 .circle:before{background:#03a9f4;box-shadow:0 0 20px #03a9f4,0 0 40px #03a9f4,0 0 60px #03a9f4,0 0 80px #03a9f4,0 0 100px #ff0,0 0 0 5px rgba(255,255,0,.1)}.bitrate-circle .face.face2 .circle:before,.bitrate-circle .face.face3 .circle:before{background:#03a9f4;box-shadow:0 0 20px #03a9f4,0 0 40px #03a9f4,0 0 60px #03a9f4,0 0 80px #03a9f4,0 0 100px #03a9f4,0 0 0 5px rgba(3,169,244,.1)}.bitrate-circle.error .face.face1 .circle:before{background:var(--em-error);box-shadow:0 0 20px var(--em-error),0 0 40px var(--em-error),0 0 60px var(--em-error),0 0 80px var(--em-error),0 0 100px #ff0,0 0 0 5px rgba(255,255,0,.1)}.bitrate-circle.error .face.face2 .circle:before,.bitrate-circle.error .face.face3 .circle:before{background:var(--em-error);box-shadow:0 0 20px var(--em-error),0 0 40px var(--em-error),0 0 60px var(--em-error),0 0 80px var(--em-error),0 0 100px var(--em-error),0 0 0 5px rgba(3,169,244,.1)}@keyframes ani1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ani2{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes ani3{0%{transform:rotate(120deg)}to{transform:rotate(-240deg)}}.logs-area .label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:65px;text-align:end}.logs-area .label,.space-text{line-height:30px;margin:0 .5rem}.input-date{background-color:#141820;border:1px solid #546990;border-radius:.2rem;color:#9a9a9a;font-size:.875rem;height:30px;margin-right:5px;padding:.25rem;text-align:center;width:180px}.logs-area .btn-sm{min-width:inherit}.logs-area td:nth-child(-n+3),.logs-area th:nth-child(-n+3){width:10%}.section.logs{height:calc(100vh - 200px);overflow-y:auto;margin-top:.5rem;margin-bottom:0}.search-btn svg{font-size:.9rem;vertical-align:-3px!important}.service-severity{width:44px;height:17px;background:#23262a;color:#fff;font-weight:500;font-size:11px;padding-left:17px;border-radius:10px;position:relative;margin-top:5px;margin-right:.25rem;text-transform:uppercase;cursor:default}.service-severity:before{content:"";width:8px;height:8px;background:transparent;position:absolute;top:4px;left:5px;border-radius:10px}.service-severity.INFO:before{background:var(--em-good)}.service-severity.ERR:before{background:var(--em-error)}.service-severity.WRN:before{background:var(--em-warning)}.service-severity.OFF{background:#364050;color:#6a7788}.service-severity.OFF:before{background:#4e5c71}.service-time{color:#5a8dee;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.radius-icon,.service-time{border-radius:2px;padding:2px 5px;background:#141820;font-size:11px;height:20px}.radius-icon{color:#b1b6c1;font-weight:500;text-transform:uppercase;text-shadow:1px 1px 3px rgba(0,0,0,.2);margin-right:.5rem}.service-title{font-size:.9rem;font-weight:600;color:#d3d9e5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.s-label,.service-title{-webkit-user-select:none;-moz-user-select:none;user-select:none}.s-label{width:50px}.s-label,.s-value{font-size:.8rem;font-weight:500}.s-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.path-btn{border-radius:2px;padding:2px 5px;font-size:11px;font-weight:500;line-height:0;height:20px;position:absolute;bottom:0;right:15px}.tile-btn .btn-sm{margin-left:.25rem}.chart-mini{width:142px;height:66px;margin-top:3px;border-radius:3px;overflow:hidden;background:#141820;border:1px solid #2f3846;position:relative}.bitrate-disp{display:flex;flex-direction:column;align-items:center;margin-top:.5rem}.bitrate-value{font-size:1.25rem;font-weight:600;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview{position:absolute;right:15px}.service-list-area-v .preview{position:absolute;right:0}.service-list-area-v .h-divider{border-bottom:1px solid #36445d!important;padding-bottom:.5rem;margin-bottom:.5rem}.service-list-area-v .bitrate-area .btn-sm{width:142px}.system-status-area{margin-top:.4rem}.system-running{position:absolute;top:6px;right:15px;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:capitalize}.system-running:before{content:" ";width:6px;height:6px;position:absolute;top:7px;left:-12px;background:#495569;border-radius:30px}.system-running.active:before{background:#2eb18e}.system-running.inactive:before{background:#d89643}.system-running.failed:before{background:#e85a5a}.tile-btn svg{font-size:1.2rem;margin-top:-1px}.tile-btn .btn:nth-child(2) svg{margin-top:-3px}.restart-btn svg{font-size:1rem;margin-right:.25rem}.restart-btn img{width:12px;margin:0 5px 0 4px;vertical-align:-2px}.section.system-status{height:calc(100vh - 155px);overflow-y:auto;padding-top:0;margin-top:.25rem}.system-status-area .label.lg{color:#fff}.status-box{width:48%;height:100px;background:#1c222f;padding:.5rem;border-radius:4px;box-shadow:0 .25rem 1rem rgba(0,0,0,.25)!important}.status-box.primary{background-color:#30405f!important;color:#5a8dee!important}.status-box.info{background-color:#2b4c4f!important;color:#39da8a!important}.status-label{font-size:1rem}.status-label,.status-value{font-weight:600;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-value{font-size:2rem}.total-bitrate-box{background:#1c222f;height:100px}.service-list-area-h .section{margin-top:2px}.service-list-area-h,.service-list-area-v{height:calc(100vh - 155px);overflow-y:auto}.service-list-area-v .webdav-path{left:-5px}.webdav-path{color:#fff;position:absolute;bottom:12px;left:50px;padding:4px 60px 4px 5px;background:#4b566e;border-radius:3px;font-size:13px;letter-spacing:.4px;box-shadow:2px 4px 15px -3px rgba(0,0,0,.44);z-index:2}.webdav-path:before{content:" ";width:0;height:0;border:6px solid transparent;border-top-color:#505c6b;border-bottom:none;position:absolute;bottom:-6px;right:72px}.service-list-area-v .webdav-path:before{right:35px}.webdav-path input{border:none;background:#141820;box-shadow:inset 0 0 13px rgba(0,0,0,.15);color:#eee;padding:4px;border-radius:4px;width:314px;margin:0}.webdav-path svg.bi-files{color:#cacbd0;right:30px}.webdav-path svg.bi-files,.webdav-path svg.bi-filetype-xml{position:absolute;display:inline;padding:5px;border-radius:3px;cursor:pointer}.webdav-path svg.bi-filetype-xml{color:#b1b4c5;right:4px;top:4px}.webdav-path svg{font-size:1.7rem;vertical-align:-3px!important;line-height:17px!important}.in-area .service-title,.out-area .service-title{width:50px}.error-mark{position:absolute;top:0;left:3px;font-size:12px}.error-mark svg{color:#f82a4a}.log-box{line-height:15px}.log-box.INFO{color:var(--em-good)}.log-box.ERR{color:var(--em-error)}.log-box.WRN{color:var(--em-warning)}.chart-label{position:absolute;top:11px;left:50%;transform:translate(-50%,-50%);width:100%}.data-msg{position:absolute;top:2px;left:46px;line-height:14px;background-color:#141820;padding:2px 6px;font-size:.7rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:2px 4px 15px -3px rgba(0,0,0,.44);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000}.data-msg svg{margin-right:2px}.data-msg.INFO{color:var(--em-good)}.data-msg.ERR{color:var(--em-error)}.data-msg.WRN{color:var(--em-warning)}@media (max-width:1400px){.service-list-area-h{margin-bottom:1rem;height:100%}.service-list-area-h .h-divider:first-child,.service-list-area-h .h-divider:nth-child(2){border-bottom:1px solid #36445d!important;padding-bottom:.5rem;margin-bottom:.5rem}}@media (max-width:1320px){.tile-btn{display:none!important}}@media (max-width:1200px){.path-btn,.preview{right:10px}}@media (max-width:768px){.service-list-area-h .h-divider:first-child,.service-list-area-h .h-divider:nth-child(2),.service-list-area-h .h-divider:nth-child(3){border-bottom:1px solid #36445d!important;padding-bottom:.5rem;margin-bottom:.5rem}}.response_time{border-radius:2px;background:#141820;color:#b1b6c1;padding:2px 5px;font-weight:500;font-size:11px;text-shadow:1px 1px 3px rgba(0,0,0,.2);margin-right:.5rem;height:20px}