@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(../../static/media/Roboto-Light.c27d89ac77468ae18f28.woff2) format("woff2"),url(../../static/media/Roboto-Light.de099c9f379b48014033.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../../static/media/Roboto-Regular.64cfb66c866ea50cad47.woff2) format("woff2"),url(../../static/media/Roboto-Regular.755dd4f3935688012767.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(../../static/media/Roboto-Medium.1d3bced88509b0838984.woff2) format("woff2"),url(../../static/media/Roboto-Medium.ec86efbf7aa3d6fc8544.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(../../static/media/Roboto-Bold.92fbd4e93cf0a5dbebaa.woff2) format("woff2"),url(../../static/media/Roboto-Bold.de0cae9549d2dcf68490.woff) format("woff")}@font-face{font-family:fontello;font-style:normal;font-weight:400;src:url(../../static/media/fontello.5a7bbae159f49e18ec25.eot);src:url(../../static/media/fontello.5a7bbae159f49e18ec25.eot#iefix) format("embedded-opentype"),url(../../static/media/fontello.e4a7bcf8c40b25f222d6.woff2) format("woff2"),url(../../static/media/fontello.4e7649f318c0ec51bc35.woff) format("woff"),url(../../static/media/fontello.870786896fd163400e9e.ttf) format("truetype"),url(../../static/media/fontello.06790b4f0ddc43f923c3.svg#fontello) format("svg")}[class*=" icon-"]:before,[class^=icon-]:before{speak:never;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:fontello;font-style:normal;font-variant:normal;font-weight:400;line-height:1em;margin-left:.2em;margin-right:.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em}.icon-format-list-bulleted:before{content:"\e800"}.icon-edit:before{content:"\e801"}.icon-nvr:before{content:"\e802"}.icon-save-alt-1:before{content:"\e803"}.icon-settings:before{content:"\e804"}.icon-upgrade:before{content:"\e805"}.icon-ic_home_24px:before{content:"\e806"}.icon-application-stack:before{content:"\e807"}.icon-warning:before{content:"\e808"}.icon-ic_settings_24px:before{content:"\e809"}.icon-ic_info_24px:before{content:"\e80a"}.icon-ic_arrow_forward_24px:before{content:"\e80b"}.icon-save-alt:before{content:"\e80c"}.icon-ic_help_outline_24px:before{content:"\e80d"}.icon-ic_search_24px:before{content:"\e80e"}.icon-ic_arrow_drop_down_24px:before{content:"\e80f"}.icon-headset-with-microphone:before{content:"\e810"}.icon-ic_close_24px:before{content:"\e811"}.icon-today:before{content:"\e812"}.icon-ic_keyboard_arrow_right_24px:before{content:"\e813"}.icon-ic_keyboard_arrow_down_24px:before{content:"\e814"}.icon-ic_refresh_24px:before{content:"\e815"}.icon-ic_keyboard_arrow_up_24px:before{content:"\e816"}.icon-ic_content_copy_24px:before{content:"\e817"}.icon-ic_notifications_none_24px:before{content:"\e818"}.icon-ic_tune_24px:before{content:"\e819"}.icon-ic_delete_24px:before{content:"\e81a"}.icon-ic_apps_24px:before{content:"\e81b"}.icon-ic_arrow_upward:before{content:"\e81c"}.icon-ic_arrow_downward:before{content:"\e81d"}.icon-verification-mark:before{content:"\e81e"}.icon-done-all:before{content:"\e81f"}.icon-server_production:before{content:"\e820"}.icon-filter-alt:before{content:"\e821"}.icon-more-vert:before{content:"\e822"}body{background-color:#fff;color:#212121;font-family:Roboto;font-size:14px;margin:0;overflow:auto}body button,body div,body i{outline:none!important}body label{font-weight:400;margin-bottom:0}body a{cursor:pointer}body a:hover{text-decoration:none}body input::-ms-clear{height:0;width:0}body input[type=number]{-moz-appearance:textfield}body input[type=number]::-webkit-inner-spin-button,body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body .display-none{display:none!important}body #webpack-dev-server-client-overlay{display:none}body i[class*=icon-]{font-size:24px}body i[class*=icon-]:before{margin:0}body .MuiTooltip-popper .MuiTooltip-tooltip{font-size:12px}body .i3-error-tooltip{display:none}body .i3-error-tooltip .MuiTooltip-tooltip{background-color:#d9534f;color:#fff}body .i3-error-tooltip.show{display:block}body .MuiButton-root{text-transform:none;white-space:nowrap}body .loading{align-items:center;background-color:#fff0;display:none;height:100%;justify-content:center;position:fixed;text-align:center;width:100%;z-index:10000}body .spinner{height:40px;position:relative;width:40px}body .cube1,body .cube2{animation:sk-cubemove 1.8s ease-in-out infinite;background-color:#0c98f5;height:15px;left:0;position:absolute;top:0;width:15px}body .cube2{animation-delay:-.9s}@keyframes sk-cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}to{transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}body .loading-content-icon{height:36px;position:relative;width:36px}body .loading-content-icon div{animation:loading-content-icon 1s cubic-bezier(0,.2,.8,1) infinite;border:1px solid #757575;border-radius:50%;opacity:1;position:absolute}body .loading-content-icon div:nth-child(2){animation-delay:-.5s}@keyframes loading-content-icon{0%{height:0;left:18px;opacity:0;top:18px;width:0}4.9%{height:0;left:18px;opacity:0;top:18px;width:0}5%{height:0;left:18px;opacity:1;top:18px;width:0}to{height:36px;left:0;opacity:0;top:0;width:36px}}body .saving{position:relative}body .saving:after{background-color:#ffffff80;content:"";cursor:default;height:100%;left:0;position:absolute;top:0;width:100%}body .web-container{background-color:#fff;display:flex;height:calc(100vh - 64px);overflow:auto;position:fixed;right:0;top:64px;width:calc(100vw - 80px);z-index:10}body .web-container .page-header{box-sizing:border-box;display:flex;justify-content:space-between;padding:24px;position:relative;width:100%}body .web-container .page-header .left{box-sizing:border-box;display:flex;flex-direction:column}body .web-container .page-header .left .title{font-family:Roboto;font-size:24px;font-weight:500;letter-spacing:-.05px;line-height:32px}body .web-container .page-header .left .note{color:#757575;font-size:14px;letter-spacing:-.03px;line-height:22px}body .web-container .page-header .right{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:flex-end}body .web-container .page-header .right .i3-select-container{width:auto}body .web-container .page-header .right .right-content{align-items:center;display:flex;gap:12px}body .web-container .page-header:after{border-bottom:1px solid #eee;bottom:0;content:" ";left:24px;position:absolute;width:calc(100% - 48px)}body .web-container .page-content{padding:0 24px 24px}body .web-container .sub-page-container{box-sizing:border-box;display:flex;padding-left:303px;width:100%;z-index:1}@media (max-width:1365px){body .web-container .sub-page-container{padding-left:96px}body .web-container .page-header{flex-direction:column;justify-content:flex-start}body .web-container .page-header .right{justify-content:flex-start;margin-top:16px}}@media (max-width:1023px){body .web-container{bottom:0;height:auto;left:80px;position:relative;right:auto}}body .template-dialog .dialog-title{display:flex;justify-content:space-between;padding:24px}body .template-dialog .dialog-title .left{display:flex}body .template-dialog .dialog-title .left .title{color:#212121;font-size:20px;font-style:normal;font-weight:700;line-height:30px}body .template-dialog .dialog-title .right{display:flex;justify-content:flex-end}body .template-dialog .dialog-content{padding:0 24px 24px}body .template-dialog .dialog-footer{padding:16px 24px;position:relative}body .template-dialog .dialog-footer:before{background-color:#e0e0e0;content:"";height:1px;left:0;position:absolute;top:0;width:100%}.i3-load-page-file-waiting{box-sizing:border-box;left:0;position:fixed!important;top:64px;width:100vw;z-index:9999!important}.header{background-color:#2e2e2e;height:64px;position:fixed;top:0;width:100%;z-index:11}.header .header-logo{align-items:center;background:#005673;cursor:pointer;display:flex;height:64px;justify-content:center;left:0;position:absolute;top:0;width:80px}.header .header-logo img{width:80px}.header .header-logo i{color:#fff;font-size:26px}.header .header-content{display:flex;height:64px;padding-left:80px}.header .header-content .element{align-items:center;color:#fff;display:flex;height:64px}.header .header-content .element #wid-i3host-user-menu{background-color:#efefef;border-radius:50%;height:44px;width:44px}.header .header-content .left{flex-grow:1;padding-left:10px}.header .header-content .right{flex-grow:1;gap:16px;justify-content:flex-end;padding-right:25px}.header .app-name{color:#fff;font-size:14px;line-height:1.1;margin:0 0 0 8px;padding:0 0 0 11px;position:relative}.header .app-name:before{border:1px solid #757575;bottom:0;content:"";left:0;position:absolute;top:0}.i3-select-container.company-select-container{box-sizing:border-box;height:42px;width:220px}.i3-select-container.company-select-container .MuiInputBase-root{border-radius:8px;height:42px;margin:0}.i3-select-container.company-select-container .MuiInputBase-root .MuiSelect-select{padding-bottom:6px;padding-left:6px;padding-top:6px}.i3-select-container.company-select-container .MuiInputBase-root .MuiSelect-icon{color:#757575}.i3-select-container.company-select-container .MuiInputBase-root .MuiOutlinedInput-notchedOutline{border:1px solid #757575}.i3-select-container.company-select-container .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#0c98f5}.i3-select-container.company-select-container .option-item{align-items:center;display:flex;gap:10px}.i3-select-container.company-select-container .option-item .logo-container{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:30px;justify-content:center;overflow:hidden;padding:0;width:30px}.i3-select-container.company-select-container .option-item .logo-container .logo{height:24px;object-fit:contain;width:24px}.i3-select-container.company-select-container .option-item .name{color:#fff;font-family:Roboto;font-size:16px;font-weight:500;letter-spacing:-.03px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-select-popover .MuiPaper-root{max-height:50vh;width:auto}.company-select-popover .MuiListSubheader-root{height:36px;margin-bottom:4px;padding:0}.company-select-popover .MuiListSubheader-root .i3-text-field{margin:0}.company-select-popover .MuiListSubheader-root .i3-text-field .MuiInputBase-root{border-radius:16px;box-sizing:border-box;height:28px;margin:4px 12px}.company-select-popover .MuiListSubheader-root .i3-text-field .MuiInputBase-root i{font-size:18px}.company-select-popover .option-item{align-items:center;display:flex;width:100%}.company-select-popover .option-item .logo{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:50%;box-sizing:border-box;display:flex;height:30px;object-fit:contain;padding:4px;width:30px}.company-select-popover .option-item .name{font-size:14px;letter-spacing:-.03px;line-height:22px;margin-left:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.i3-select-container{width:200px}.i3-select-container .form-control-error{animation-duration:.1s;animation-name:showError}.i3-search-textfield .MuiInputBase-root{border-radius:16px;height:28px;padding:5px 7px 5px 12px}.i3-search-textfield .MuiInputBase-root .MuiInputBase-input{color:#757575;font-size:14px;letter-spacing:-.03px;line-height:22px;padding:0}.i3-search-textfield .MuiInputBase-root i{color:#757575;font-size:18px}.i3-search-textfield .MuiInputBase-root .clear-btn{padding:0}.i3-search-textfield .MuiInputBase-root .clear-btn i{color:#757575;font-size:18px}.i3-text-field.has-icon{position:relative}.i3-text-field.has-icon i{color:#757575;font-size:18px}.i3-text-field.has-icon i.icon-text-field{left:-34px;position:absolute;top:27px}.i3-text-field .form-control-error{animation-duration:.1s;animation-name:showError}@keyframes showError{0%{transform:translateY(-8px)}to{transform:translateY(0)}}.sidebar{background-color:#353535;float:left;height:100vh;margin-top:64px;position:fixed;top:0;width:80px;z-index:11}.sidebar .sidebar-content{height:calc(100% - 120px);margin:0;overflow-y:auto;padding:0}.sidebar .sidebar-content .element{align-items:center;color:#fff;cursor:pointer;display:flex;font-family:Roboto;font-size:14px;font-weight:400;letter-spacing:-.03px;line-height:22px;position:static;-webkit-user-select:none;user-select:none}.sidebar .sidebar-content .element .symbol{color:#fff;font-size:24px;margin-bottom:7px;margin-right:0}.sidebar .sidebar-content .element:hover{background-color:#23282f}.sidebar .sidebar-content .element:hover .sidebar-toggle-icon{cursor:default}.sidebar .sidebar-content .selected-element{background-color:#29b6f6;color:#fff}.sidebar .sidebar-content .selected-element .symbol{color:#fff}.sidebar .sidebar-content .selected-element .sidebar-toggle-icon{color:#fff;cursor:default}.sidebar .sidebar-content .element-lvl1{height:80px}.sidebar .sidebar-content .element-lvl1 .element-child{align-items:center;display:flex;flex-direction:column;height:80px;justify-content:center;padding-left:0;width:100%}.sidebar .sidebar-content .element-lvl1 .element-child .element-child-text{display:block;font-size:14px;text-align:center}.sidebar .sidebar-content.dialog,.sidebar .sidebar-content.dialog .element .symbol{height:auto}.sidebar .sidebar-content.dialog .element-lvl1,.sidebar .sidebar-content.dialog .element-lvl1 .element-child{height:56px}.sidebar .sidebar-content.dialog .selected-element{background-color:#0000}.sidebar .sidebar-content .disabled-element{cursor:default;opacity:.5}.sidebar .sidebar-content .disabled-element .element-child{cursor:default}.sidebar .sidebar-content .disabled-element:hover{background-color:#353535;border:none}.background-upload-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;bottom:24px;box-shadow:0 8px 10px 0 #00000024;display:flex;flex-direction:column;gap:12px;max-height:60vh;min-width:320px;overflow-y:auto;padding:16px 24px;position:fixed;right:24px;z-index:1300}.background-upload-container .title{font-size:16px;font-weight:500}.background-upload-container .upload-item{display:flex;gap:12px;justify-content:space-between}.background-upload-container .upload-item .upload-info{align-items:center;display:flex;gap:12px}.background-upload-container .upload-item .upload-info>span:first-child{font-weight:500}.background-upload-container .upload-item .icon-ic_close_24px{line-height:0}.background-upload-container .upload-header{align-items:center;display:flex;justify-content:space-between}.background-upload-container .file-name{max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fade-slide-enter{opacity:0;transform:translateY(10px)}.fade-slide-enter-active{transition:opacity .3s ease,transform .3s ease}.fade-slide-enter-active,.fade-slide-exit{opacity:1;transform:translateY(0)}.fade-slide-exit-active{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.custom-toast-container{padding:0!important}.custom-toast-container #notistack-snackbar,.custom-toast-container .MuiSnackbarContent-root,.custom-toast-container .MuiSnackbarContent-root .MuiSnackbarContent-message{padding:0}.custom-toast-container .custom-toast{border-radius:3px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:-.03px;line-height:24px;margin-top:0;min-height:44px;padding:5px 40px 5px 15px}.custom-toast-container .custom-toast .MuiSnackbarContent-message{position:relative;width:100%}.custom-toast-container .custom-toast .toast-message-container{padding-left:25px;padding-right:5px}.custom-toast-container .custom-toast .icon{left:-5px;position:absolute;top:50%;transform:translateY(-50%)}.custom-toast-container .custom-toast .icon i{font-size:20px}.custom-toast-container .custom-toast .message{font-size:16px;letter-spacing:-.03px;line-height:24px;margin-bottom:10px;margin-top:10px}.custom-toast-container .custom-toast .close-btn{border-radius:50%;color:#fff;font-size:12px;height:30px;letter-spacing:-.02px;line-height:20px;outline:none;padding:0;position:absolute;right:-30px;top:6px;width:30px}.custom-toast-container .custom-toast-success{background-color:#449d44!important}.custom-toast-container .custom-toast-warning{background-color:#f0ad4e!important}.custom-toast-container .custom-toast-error{background-color:#d9534f!important}.message-box .MuiPaper-root{max-width:452px}.message-box .MuiPaper-root .message-box-title{padding:24px}.message-box .MuiPaper-root .message-box-title .title{font-family:Roboto;font-size:20px;font-weight:500;font-weight:700;letter-spacing:-.04px;line-height:28px}.message-box .MuiPaper-root .message-box-content{background-color:#fff;padding:0 24px 24px}.message-box .MuiPaper-root .icon-container{text-align:center}.message-box .MuiPaper-root .icon-container img{height:56px}.message-box .MuiPaper-root .message{color:#757575;font-size:14px;letter-spacing:-.03px;line-height:22px;margin-top:18px;text-align:center}.message-box .MuiPaper-root.schedule-in-use-message .message-left{line-height:24px;text-align:left;white-space:pre-line}.message-box .MuiPaper-root.schedule-in-use-message .message-left span{font-family:Roboto;font-size:14px;font-weight:500;letter-spacing:-.03px;line-height:22px}.message-box .MuiPaper-root .button-container{text-align:center}.message-box .MuiPaper-root .button-container button{margin-left:5px;margin-right:5px;outline:none}.message-box .MuiPaper-root .message-box-footer{border-top:1px solid #bdbdbd;padding:16px 24px}