@media screen and (max-width: 1800px){.minwidth1800{display:none !important}}@media screen and (max-width: 1600px){.minwidth1600{display:none !important}}@media screen and (max-width: 1200px){.minwidth1200{display:none !important}}@media screen and (min-width: 1200px){.maxwidth1200{display:none !important}}@media screen and (max-width: 1000px){.minwidth1000{display:none !important}}@media screen and (min-width: 1000px){.maxwidth1000{display:none !important}}@media screen and (max-width: 800px){.minwidth800{display:none !important}}@media screen and (min-width: 800px){.maxwidth800{display:none !important}}@media screen and (max-width: 600px){.minwidth600{display:none !important}}@media screen and (min-width: 600px){.maxwidth600{display:none !important}}@keyframes redblink{from{background-color:red}50%{background-color:red}51%{background-color:#000}to{background-color:#000}}.click{cursor:pointer;pointer-events:auto;user-select:none}.noclick{pointer-events:none}.disabled{opacity:.5;pointer-events:none}.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hover:hover{background-color:rgba(0,0,0,.05)}.flex{display:flex}.flex .cell{flex-basis:auto;flex-grow:1}.btn{display:inline-block;margin:10px;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid rgba(0,0,0,0);white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#333;background-color:#eff;border-color:#ccc;min-width:200px;box-shadow:1px 1px 5px 1px rgba(0,0,0,.1)}.btn:hover{border:1px solid #000}.btn.danger{border-color:red}.btn.danger:hover{background-color:#fee}.btn.default{border-width:3px}.btn:disabled{opacity:.5;cursor:default}.btn.btn-small{min-width:auto;margin:0;padding:0 10px}.full-width{width:100%}.full-height{height:100%}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.pull-left{float:left !important}.pull-right{float:right !important}.pull-center{text-align:center !important}.pad10{padding:10px}hr{border:0;height:2px;background:#333}.link{cursor:pointer}.nowrap{white-space:nowrap}.bold{font-weight:bold}input[disabled]{cursor:not-allowed}.shadow_box_dark{background-color:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);box-shadow:inset 1px 2px 10px 2px rgba(0,0,0,.2)}.shadow_box_light{background-color:rgba(0,0,0,.1);border:2px solid rgba(0,0,0,.4);box-shadow:inset 1px 2px 10px 2px rgba(0,0,0,.2)}#MAIN .link{color:#069}#MAIN a{color:#069;text-decoration:none;pointer-events:auto}#MAIN a:hover{color:aqua}#HEADER .link{color:aqua}#HEADER a{color:aqua;text-decoration:none}.height-fill{max-height:100%}.height-small{max-height:30px}.height-medium{max-height:200px}fieldset{border:1px solid #aaa;border-radius:10px;overflow:hidden}.textarea-big{width:100%;height:500px}.table{padding:20px;margin:0}.table input:not([type=radio]):not([type=checkbox]){width:100%}.table textarea{width:100%;height:150px}.table-full{min-width:50%;width:100%}.table-full td{padding:5px}.table-left th{border-right:2px solid #aaa;border-bottom:none;text-align:right;padding-right:10px;white-space:nowrap}.table-left td{padding-right:5px;color:#777}.table-left td:last-child{border-right:inherit}.table-top th{padding-left:6px;padding-right:5px;white-space:nowrap}.table-top thead th{text-align:left;border-bottom:2px solid #aaa;border-right:none}.table-top tfoot th{border-top:2px solid #aaa;border-bottom:none}.table-top td{border-bottom:1px solid #eee;vertical-align:top;color:#777}.table-top tr:last-child td{border-bottom:inherit}.table-borders td{border:1px solid #ddd}.table-borders td:last-child{border:1px solid #ddd}.table-full.table-left{min-width:50%}.table-full.table-left th{min-width:15%;max-width:50%}.table-full.table-left th.header_wide{padding-left:6px;border-bottom:2px solid #aaa;border-right:none;text-align:left}.table th.right{text-align:right}.table th.center{text-align:center}.table th.important{background-color:rgba(0,0,0,.03)}.table td.nowrap{white-space:nowrap}.table td.right{text-align:right}.table td.center{text-align:center}.table td.important{background-color:rgba(0,0,0,.03);color:#000}.table-small{font-size:10px;padding:2px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}progress[value]::-webkit-progress-bar{background-color:#eee;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.25) inset}.round-small{border-radius:5px}.round-large{border-radius:15px}@keyframes expandWidth{0%{width:0}100%{width:auto}}.widget .meter{min-width:50px;height:8px;position:relative;border:2px solid #777;padding:2px;border-radius:3px;box-shadow:inset 0 -1px 1px rgba(255,255,255,.3)}.widget .meter.deviation{background:linear-gradient(to right, rgba(0, 0, 0, 0) 48%, #999 50%, rgba(0, 0, 0, 0) 52%)}.widget .meter>.spot{border-radius:3px;display:block;height:100%;background-color:#0d0;position:relative;overflow:hidden;transition:left 2s;width:8px;transform:translateX(-4px)}.widget .meter>.bar{border-radius:1px;display:block;height:100%;position:relative;overflow:hidden;transition:width 2s}.slider{-webkit-appearance:none;width:100%;margin:8.1px 0}.slider:focus{outline:none}.slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:aqua;border-radius:1.3px}.slider::-webkit-slider-thumb{border:6px solid #000;height:20px;width:30px;border-radius:31px;background:aqua;cursor:pointer;-webkit-appearance:none;margin-top:-8.3px}.slider:focus::-webkit-slider-runnable-track{background:#fff}.slider::-moz-range-track{width:100%;height:3.8px;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:#2c71a9;border-radius:1.3px;border:.2px solid #010101}.slider::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:19px;border-radius:31px;background:#b7deff;cursor:pointer}.slider::-ms-track{width:100%;height:3.8px;cursor:pointer;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}.slider::-ms-fill-lower{background:#245b89;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}.slider::-ms-fill-upper{background:#2c71a9;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}.slider::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:19px;border-radius:31px;background:#b7deff;cursor:pointer;height:3.8px}.slider:focus::-ms-fill-lower{background:#2c71a9}.slider:focus::-ms-fill-upper{background:#3487c9}body{font-family:"Lucida Grande",Lucida,Verdana,sans-serif;padding:0;margin:0;overflow:hidden;background-color:#000}.note{padding:20px;margin:20px;border:5px dashed #ddd}.note.alarm{border-color:red}.led_value{border:2px outset #fff;width:8px;height:8px;background-color:#000;border-radius:7px;box-shadow:0 2px 2px #555;display:inline-block}.led_value.WARNING{background-color:#ff3}.led_value.OFF{background-color:#000}.led_value.NORMAL,.led_value.ON{background-color:#3f3}.led_value.ALARM,.led_value.OFF{background-color:#f55;-webkit-animation:redblink 1s;-webkit-animation-iteration-count:infinite}body,html{height:100%;width:100%}#RT{display:flex;overflow:hidden}#RT ::-webkit-scrollbar{width:15px}#RT ::-webkit-scrollbar-track{background:#111;border-radius:3px}#RT ::-webkit-scrollbar-thumb{background:aqua;border-radius:3px}#RT ::-webkit-scrollbar-button{display:none;background-color:aqua;border-radius:3px}#RT ::-webkit-scrollbar-button:hover{background-color:#fff}#RT ::-webkit-scrollbar-thumb:hover{background:#fff}#RT.bottom #MAIN_BOX{flex-direction:column}#RT.bottom #MAIN_BOX #alarm_list_box,#RT.bottom #MAIN_BOX #event_log_box{width:50%}#RT.bottom #MAIN_BOX #EXTRA_BOX{display:flex;flex-direction:row;flex-grow:1;border-top:3px dashed #033;background-color:#011;user-select:none;overflow:hidden}#RT.bottom #MAIN_BOX #EXTRA_BOX #event_log_box{flex-grow:1}#RT.bottom #MAIN_BOX #EXTRA_BOX #alarm_list_box{flex-grow:2;border-left:3px dashed #033;max-width:75%}#RT.bottom #MAIN_BOX #EXTRA_BOX #alarm_list_box #alarm_list{align-content:flex-start}#RT.right #MAIN_BOX{flex-direction:row}#RT.right #MAIN_BOX #EXTRA_BOX{display:flex;flex-direction:column;border-left:3px dashed #033}#RT.right #MAIN_BOX #EXTRA_BOX #alarm_list_box{min-height:20%}#RT.right #MAIN_BOX #EXTRA_BOX #alarm_list_box #alarm_list{border-top:3px dashed #033;overflow-y:hidden;overflow-x:hidden}#RT.right #MAIN_BOX #EXTRA_BOX #event_log_box{flex-basis:1;overflow-y:auto;overflow-x:hidden}#RT.right #MAIN_BOX #EXTRA_BOX #event_log_box #event_list{margin-bottom:6px;max-height:50%}#RT.right #MAIN_BOX #EXTRA_BOX #MENU_BOX{flex-grow:1;min-height:min-content;padding-right:3px}#RT.right #MAIN_BOX #EXTRA_BOX #MENU_BOX #MENU{flex-wrap:wrap}#RT #MAIN_BOX{display:flex;overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;transition:margin-bottom 200ms ease-in-out}#RT #MAIN_BOX.bottom_bar_margin{margin-bottom:50px;background:repeating-linear-gradient(45deg, transparent, transparent 10px, #110 10px, #110 20px)}#RT #MAIN_BOX #SCREEN_BOX{overflow:hidden;flex-grow:0;flex-shrink:0}#RT #MAIN_BOX #SCREEN_BOX>svg{position:absolute;z-index:-1}#RT #MAIN_BOX #SCREEN_BOX.zoomed{overflow:scroll}#RT #MAIN_BOX #SCREEN_BOX #screen{width:100vmin;height:100vmin;box-sizing:border-box;overflow:hidden;background-color:#000;border-radius:5px;transform-origin:top left;border-radius:5px;user-select:none;-webkit-user-select:none}#RT #MAIN_BOX #SCREEN_BOX #screen .tooltip{cursor:pointer}#RT #MAIN_BOX #SCREEN_BOX #screen .snap{position:absolute;border:1px solid #069;opacity:0;pointer-events:none}#RT #MAIN_BOX #SCREEN_BOX #screen .snap_border{transition:opacity 3s ease-out;opacity:.3}#RT #MAIN_BOX #SCREEN_BOX #screen #marquee{position:absolute;left:-10px;top:-10px;width:0;height:0;border:2px dashed #069;cursor:crosshair}#RT #MAIN_BOX #EXTRA_BOX{flex:1}#RT #MAIN_BOX #EXTRA_BOX .bold,#RT #MAIN_BOX #EXTRA_BOX .value{font-family:monospace;color:#fff}#RT #MAIN_BOX #EXTRA_BOX.hideborder{display:block;border-top:none !important;border-left:none !important;width:0;height:0;background-color:#000}#RT #MAIN_BOX #EXTRA_BOX .note{color:#aaa;border:none}#RT #MAIN_BOX #EXTRA_BOX #alarm_list_box{overflow-x:hidden;overflow-y:auto}#RT #MAIN_BOX #EXTRA_BOX #alarm_list_box #alarm_list{align-items:center;align-content:center;overflow-x:hidden;overflow-y:auto}#RT #MAIN_BOX #EXTRA_BOX #alarm_list_box #alarm_list>div.row{float:left;padding:5px 15px;cursor:pointer}#RT #MAIN_BOX #EXTRA_BOX #event_log_box{overflow-x:hidden;overflow-y:auto}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX{overflow:hidden;flex-grow:0}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #BURGER{position:absolute;right:7px;bottom:5px;font-size:30px;color:aqua;background-color:rgba(0,0,0,.7);width:40px;height:38px;text-align:center;border-radius:5px;cursor:pointer;border:3px solid rgba(0,0,0,0);text-shadow:#005 0 0 10px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #BURGER.active{border:3px solid aqua}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #BURGER:hover{color:#fff}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu{display:none;position:absolute;right:0;bottom:0;left:0;background-color:#555;width:100%;height:160px;padding-left:10px;padding-top:10px;border-top:5px solid #069;box-shadow:0 -5px 37px 18px #000}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row{display:flex;height:105px;margin-bottom:7px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #user{margin-right:10px;background-color:#fff;border-radius:10px;text-align:center;padding:3px;cursor:pointer;width:125px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #user svg{font-size:100px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #user img{height:99px;background-color:#fff;border-radius:10px;text-align:center;cursor:pointer}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens{height:105px;overflow:hidden;background-color:#111;border-radius:10px;color:#aaa;width:100%}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens #SCREENS{display:flex;overflow-y:hidden;overflow-x:auto;margin-right:10px;margin-left:10px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens #SCREENS .screen{text-align:center;margin:10px;cursor:pointer;float:left;border-radius:10px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens #SCREENS .screen .dim{display:none}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens #SCREENS .screen .preview{background-color:#111;background-image:radial-gradient(ellipse farthest-corner at center, #004880 0%, #06013B 100%);color:#fff;border-radius:5px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:center;position:relative;font-size:40px;border:3px solid #555;overflow:hidden}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens #SCREENS .screen .preview:hover{border:3px solid aqua}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens #SCREENS .screen .preview.selected{border:3px solid #fff}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens #SCREENS .screen .preview .widget{background-color:rgba(255,255,255,.5);position:absolute;border-radius:2px;box-shadow:1px 2px 8px rgba(0,0,0,.7);font-size:1.5vmin;color:rgba(0,0,0,.5);overflow:hidden;text-align:left}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens #SCREENS .screen .preview .widget .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:15px;height:15px;text-align:center}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #main_row #screens #SCREENS .screen.home .preview{background-color:#222;background-image:radial-gradient(ellipse farthest-corner at center, #0068a0 0, #002c8e 100%)}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row{height:41px;flex:1;margin-right:135px;overflow:hidden;flex-wrap:nowrap;display:flex}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row>div{border-right:1px solid #333;margin-right:10px;padding-right:10px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row>div:last-child{border-right:none}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #links{padding-right:5px;margin-right:5px;padding-left:5px;background-color:#000;border-radius:5px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #links .command{padding:1px;color:aqua;cursor:pointer}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #links .command:hover{color:#fff}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row .block{cursor:pointer;padding:3px 4px;margin:2px;color:#333;height:33px;text-align:center;border-radius:5px;background-color:#000}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row .block.OFFLINE{color:red}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row .block.ONLINE{color:#fff}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row .block.WARNING{color:#ff0}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row .statcommand{cursor:pointer;width:50px;font-size:30px;color:aqua;cursor:pointer}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row .statcommand:hover{color:#fff}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #qr{cursor:pointer;text-align:center}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #qr .text{display:none}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #qr svg{width:35px;height:43px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #qr svg path{fill:#fff}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #qr.zoomed{background-color:#fff;color:#000;position:fixed;width:340px;height:340px;left:50%;top:50%;margin-left:-170px;margin-top:-170px;border-radius:10px;padding:20px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #qr.zoomed .text{display:block;padding-bottom:15px;padding-top:15px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #qr.zoomed svg{width:250px;height:250px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #qr.zoomed svg path{fill:#000}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #pollers>div{display:flex}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #pollers .poller{font-size:27px;width:35px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices>div{display:flex}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device .value{display:block;color:#999}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device .value .unit{color:#777}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device.alarm .value{color:red}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device.warning .value{color:#ff0}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device.stale{opacity:.5}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device.off{color:#888}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device.off .value{display:none}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device.off .value{content:"off"}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device #name,#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #status_row #devices .device #status{display:none}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands{float:right;display:flex;flex-wrap:wrap;align-items:flex-start;width:115px;height:153px;padding-right:17px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands .command{flex-grow:1;flex-basis:90px;text-align:center;margin-left:10px;margin-right:0;margin-bottom:6px;border:3px solid aqua;padding:2px 10px 4px;border-radius:5px;color:#aaa;cursor:pointer;background-color:#000;white-space:nowrap;height:19px;overflow:hidden;min-width:19px;user-select:none}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands .command.half{flex-basis:15px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands .command.disabled{cursor:not-allowed;pointer-events:none;opacity:.4}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands .command:hover{border-color:#fff}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands #fullscreen{width:23px;height:32px;flex:none;font-size:29px;color:aqua;margin-left:10px;margin-right:0;margin-bottom:6px;border:3px solid aqua;padding:2px 10px 4px 8px;border-radius:5px;background-color:#000}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands #fullscreen.active{color:#fff}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands::after{content:"";flex:auto}@media screen and (max-width: 800px){#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands .command{text-align:center;width:50px;padding:3px 4px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands .command.half{flex-basis:7px}#RT #MAIN_BOX #EXTRA_BOX #MENU_BOX #menu #commands .command .label{display:none}}#RT #TOOLTIP_BOX #TOOLTIP{-webkit-user-select:none;-moz-user-select:none;box-shadow:0 0 100px 50px rgba(0,0,0,.9);color:#fff;position:absolute;width:600px;border:4px solid #069;background-color:#111;padding:10px;border-radius:10px}#RT #TOOLTIP_BOX #TOOLTIP.fullscreen{left:0 !important;right:0 !important;bottom:0 !important}#RT #TOOLTIP_BOX #TOOLTIP a{color:aqua}#RT #TOOLTIP_BOX #TOOLTIP h2{text-align:center}#RT #TOOLTIP_BOX #TOOLTIP .smallnote{font-style:italic;padding:10px;color:#777}#RT #TOOLTIP_BOX #TOOLTIP #description{color:#999;font-size:13px;padding:10px}#RT #TOOLTIP_BOX #TOOLTIP #description:empty{display:none}#RT #TOOLTIP_BOX #TOOLTIP #subscribers .off{opacity:.2}#RT #TOOLTIP_BOX #TOOLTIP #subscribers .subscriber{border:3px solid #333;border-radius:7px;padding:2px;margin:2px}#RT #TOOLTIP_BOX #TOOLTIP #subscribers .subscriber .states{display:flex}#RT #TOOLTIP_BOX #TOOLTIP #subscribers .subscriber .states .state{padding:2px}#RT #TOOLTIP_BOX #TOOLTIP #subscribers .subscriber .states .state.alarm{color:red}#RT #TOOLTIP_BOX #TOOLTIP #subscribers .subscriber .states .state.warning{color:#ff0}#RT #TOOLTIP_BOX #TOOLTIP #subscribers .subscriber .states .state.normal{color:green}#RT #TOOLTIP_BOX #TOOLTIP .user_settings{width:90%;background-color:#111;color:#fff;padding-left:15px;margin-bottom:10px;border:none;border-bottom:1px solid #aaa}#RT #TOOLTIP_BOX #TOOLTIP .user_settings:invalid{border:1px solid red;background-color:#fff}#RT #TOOLTIP_BOX #TOOLTIP .user_settings:focus{background-color:#fff;color:#000}#RT #TOOLTIP_BOX #TOOLTIP .widget_links{display:flex;padding:0px}#RT #TOOLTIP_BOX #TOOLTIP .widget_link{cursor:pointer;flex-grow:1;text-align:center;color:aqua;margin:10px}#RT #TOOLTIP_BOX #TOOLTIP .button{cursor:pointer;border:2px solid aqua;margin:5px;border-radius:5px;text-align:center;background-color:#000;width:auto}#RT #TOOLTIP_BOX #TOOLTIP .button.disabled{opacity:.5;pointer-events:none}#RT #TOOLTIP_BOX #TOOLTIP .button:hover{border-color:#fff}#RT #TOOLTIP_BOX #TOOLTIP .button.active{border-color:#fff}#RT #TOOLTIP_BOX #TOOLTIP #alarm_state{border:5px solid #fff;padding:15px;margin-top:10px;margin-bottom:10px;font-size:20px;border-radius:15px}#RT #TOOLTIP_BOX #TOOLTIP #alarm_state #icon{font-size:30px;padding-right:20px;float:left;top:-8px;position:relative}#RT #TOOLTIP_BOX #TOOLTIP #alarm_state.info,#RT #TOOLTIP_BOX #TOOLTIP #alarm_state.normal{display:none;border:none}#RT #TOOLTIP_BOX #TOOLTIP #alarm_state.stale{border-color:#fff;background:repeating-linear-gradient(45deg, #111, #111 10px, #222 10px, #222 20px)}#RT #TOOLTIP_BOX #TOOLTIP #alarm_state.alarm,#RT #TOOLTIP_BOX #TOOLTIP #alarm_state.alarm_ack{border-color:red;border-width:10px;background:repeating-linear-gradient(45deg, #100, #100 10px, #200 10px, #200 20px)}#RT #TOOLTIP_BOX #TOOLTIP #alarm_state.warning,#RT #TOOLTIP_BOX #TOOLTIP #alarm_state.warning_ack{border-color:#ff0;padding:20px;background:repeating-linear-gradient(45deg, #110, #110 10px, #220 10px, #220 20px)}#RT #TOOLTIP_BOX #TOOLTIP #alarm_state.alarm_ack,#RT #TOOLTIP_BOX #TOOLTIP #alarm_state.warning_ack{border-style:dashed}#RT #TOOLTIP_BOX #TOOLTIP #alarm_state .ack{font-size:12px;position:relative;left:20px;top:5px;opacity:.7}#RT #TOOLTIP_BOX #TOOLTIP #alarm_state button#ack{float:right;position:relative;top:-6px}@keyframes BP{0%{transform:scale(0.9)}50%{transform:scale(1)}100%{transform:scale(0.9)}}#RT #TOOLTIP_BOX #TOOLTIP table{width:100%}#RT #TOOLTIP_BOX #TOOLTIP table th{text-align:right;padding-right:10px;max-width:50%}#RT #TOOLTIP_BOX #TOOLTIP table td{color:#aaa;white-space:nowrap}#RT #TOOLTIP_BOX #TOOLTIP table td.alarm{color:red}#RT #TOOLTIP_BOX #TOOLTIP table td.warning{color:#ff0}#RT #TOOLTIP_BOX #TOOLTIP #header{margin-bottom:10px;padding-bottom:5px;cursor:move}#RT #TOOLTIP_BOX #TOOLTIP #header #devicelink{position:absolute;top:0px;right:40px;padding-top:10px;padding-right:10px}#RT #TOOLTIP_BOX #TOOLTIP #header #close{color:aqua;width:50px;height:20px;position:absolute;top:0px;right:0px;padding-top:10px;padding-right:10px;text-align:right;cursor:pointer}#RT #TOOLTIP_BOX #TOOLTIP #header #close:hover{color:#fff}#RT #TOOLTIP_BOX #TOOLTIP #header .name{color:#aaa;padding-left:5px}#RT #TOOLTIP_BOX #TOOLTIP #header #commands{margin-top:5px;margin-left:3px;margin-right:3px;display:flex}#RT #TOOLTIP_BOX #TOOLTIP #header #commands .command{padding-top:3px;padding-bottom:3px;flex-grow:1;color:aqua;text-align:center;cursor:pointer;font-size:12px;border-top:2px solid #111;border-bottom:2px solid #069}#RT #TOOLTIP_BOX #TOOLTIP #header #commands .command.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}#RT #TOOLTIP_BOX #TOOLTIP #header #commands .command:hover{color:#fff}#RT #TOOLTIP_BOX #TOOLTIP #header #commands .command.active{color:#fff;border:2px solid #069;border-bottom:2px solid #111}#RT #TOOLTIP_BOX #TOOLTIP #footer{display:flex;border-top:2px solid #069;margin-top:10px;padding-top:5px}#RT #TOOLTIP_BOX #TOOLTIP #footer .command{flex-grow:1;padding:5px}#RT #TOOLTIP_BOX #TOOLTIP #footer .command.disabled{opacity:.5;cursor:not-allowed}#RT #TOOLTIP_BOX #TOOLTIP #content{box-sizing:border-box;max-height:450px;overflow:auto}#RT #TOOLTIP_BOX #TOOLTIP #content canvas{background-color:#000}#RT #TOOLTIP_BOX #TOOLTIP #content .link{color:aqua}#RT #TOOLTIP_BOX #TOOLTIP #content .link:hover{color:#fff}#RT #TOOLTIP_BOX #TOOLTIP #content #device{overflow:hidden;height:100%}#RT #TOOLTIP_BOX #TOOLTIP #content #device #prefix{font-size:35pt;text-align:center;width:100px;border-radius:10px;border:3px solid #333;color:#fff}#RT #TOOLTIP_BOX #TOOLTIP #content #device #prefix.running{background-color:lime;color:#000}#RT #TOOLTIP_BOX #TOOLTIP #content #device #prefix #running_state{font-size:12px;opacity:.5}#RT #TOOLTIP_BOX #TOOLTIP #content #device #image{font-size:40px}#RT #TOOLTIP_BOX #TOOLTIP #content #device #image img{height:100%}#RT #TOOLTIP_BOX #TOOLTIP #content #device #events{background-color:#000;height:200px}#RT #TOOLTIP_BOX #TOOLTIP #content #device #links{text-align:center}#RT #TOOLTIP_BOX #TOOLTIP #content #asof{top:44px;position:relative;float:right;background-color:#111;padding:5px;font-size:8pt;z-index:5;right:10px;color:#666}#RT #TOOLTIP_BOX #TOOLTIP #content #device_library #devices{display:flex;border:8px dashed #999;margin:10px;padding:30px;border-radius:30px}#RT #TOOLTIP_BOX #TOOLTIP #content #device_library #devices .device{flex-grow:1;border:1px solid #333;padding:10px;margin:5px;text-align:center}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map table{border-spacing:0}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map table td{width:12.5%;height:15px}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map .box{border:2px solid #fff;width:25%;text-align:center;border-radius:20px;cursor:pointer}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map .box:hover{border-color:aqua}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map .bbottom{border-bottom:2px solid #fff}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map .bleft{border-left:2px solid #fff}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map .bright{border-right:2px solid #fff}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map .alarm{border-color:red}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map .warning{border-color:#ff0}#RT #TOOLTIP_BOX #TOOLTIP #content #connections #map .none{border-color:rgba(0,0,0,0)}#RT #TOOLTIP_BOX #TOOLTIP #content #data .reason{text-align:center}#RT #TOOLTIP_BOX #TOOLTIP #content #data .value{text-align:right;padding-right:10px}#RT #TOOLTIP_BOX #TOOLTIP #content #events{overflow-x:hidden;overflow-y:auto;flex:1;text-align:top;color:#fff;box-sizing:border-box}#RT #TOOLTIP_BOX #TOOLTIP #content #events .table{width:100%;display:table}#RT #TOOLTIP_BOX #TOOLTIP #content #events .tr{display:table-row;padding-bottom:5px}#RT #TOOLTIP_BOX #TOOLTIP #content #events .td{vertical-align:top;display:table-cell;padding:2px}#RT #TOOLTIP_BOX #TOOLTIP #content #events .td .name{color:#fff;cursor:pointer}#RT #TOOLTIP_BOX #TOOLTIP #content #events .td .alarm{color:red}#RT #TOOLTIP_BOX #TOOLTIP #content #events .td .warning{color:#ff0}#RT #TOOLTIP_BOX #TOOLTIP #content #events .td .info,#RT #TOOLTIP_BOX #TOOLTIP #content #events .td .normal{color:green}#RT #TOOLTIP_BOX #TOOLTIP #content #events .td .off{color:#555}#RT #TOOLTIP_BOX #TOOLTIP #content #events .tr.alarm{color:red}#RT #TOOLTIP_BOX #TOOLTIP #content #events .tr.warning{color:#ff0}#RT #TOOLTIP_BOX #TOOLTIP #content #events .tr.info,#RT #TOOLTIP_BOX #TOOLTIP #content #events .tr.normal{color:lime}#RT #TOOLTIP_BOX #TOOLTIP #content #events .event{color:#999}#RT #TOOLTIP_BOX #TOOLTIP #content #string{padding:15px;text-align:center;font-family:monospace;font-size:20px}#RT #TOOLTIP_BOX #TOOLTIP #content #boolean #value{display:flex}#RT #TOOLTIP_BOX #TOOLTIP #content #boolean #value div{flex-grow:1;padding:10px;margin:5px;font-family:monospace;font-size:20px;text-align:center;border:5px outset #999}#RT #TOOLTIP_BOX #TOOLTIP #content #boolean #value div.active.info,#RT #TOOLTIP_BOX #TOOLTIP #content #boolean #value div.active.normal{background-color:green}#RT #TOOLTIP_BOX #TOOLTIP #content #boolean #value div.active.warning{background-color:#ff0;color:#000}#RT #TOOLTIP_BOX #TOOLTIP #content #boolean #value div.active.alarm{background-color:red}#RT #TOOLTIP_BOX #TOOLTIP #content #stats th .tooltiptext,#RT #TOOLTIP_BOX #TOOLTIP #content #number th .tooltiptext,#RT #TOOLTIP_BOX #TOOLTIP #content #boolean th .tooltiptext,#RT #TOOLTIP_BOX #TOOLTIP #content #totalizer th .tooltiptext{visibility:hidden;width:120px;background-color:#111;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;text-align:left;font-weight:normal;font-size:12px;opacity:.9;padding:5px;bordeR:1px solid #069;box-shadow:0px 0px 10px 10px #000}#RT #TOOLTIP_BOX #TOOLTIP #content #stats th:hover .tooltiptext,#RT #TOOLTIP_BOX #TOOLTIP #content #number th:hover .tooltiptext,#RT #TOOLTIP_BOX #TOOLTIP #content #boolean th:hover .tooltiptext,#RT #TOOLTIP_BOX #TOOLTIP #content #totalizer th:hover .tooltiptext{visibility:visible}#RT #TOOLTIP_BOX #TOOLTIP #content #number .unit,#RT #TOOLTIP_BOX #TOOLTIP #content #totalizer .unit{opacity:.5}#RT #TOOLTIP_BOX #TOOLTIP #content #number #value,#RT #TOOLTIP_BOX #TOOLTIP #content #totalizer #value{background-color:#000;box-sizing:border-box;width:100%;text-align:center;border:3px inset #999;color:green;font-family:monospace;padding:10px 10px 15px;margin:5px 0;font-size:50px;border-radius:10px;overflow:hidden}#RT #TOOLTIP_BOX #TOOLTIP #content #number #value .unit,#RT #TOOLTIP_BOX #TOOLTIP #content #totalizer #value .unit{opacity:.5}#RT #TOOLTIP_BOX #TOOLTIP #content #number #value #unitselector,#RT #TOOLTIP_BOX #TOOLTIP #content #totalizer #value #unitselector{border:1px solid #555;padding:5px;border-radius:5px;font-size:16px;float:right;text-align:left}#RT #TOOLTIP_BOX #TOOLTIP #content #number #value .meter_label,#RT #TOOLTIP_BOX #TOOLTIP #content #totalizer #value .meter_label{font-size:10px;color:#999}#RT #TOOLTIP_BOX #TOOLTIP #content #number #value #meter,#RT #TOOLTIP_BOX #TOOLTIP #content #totalizer #value #meter{width:100%;height:50px;display:table;font-size:1px;overflow:hidden}#RT div.overlay{position:absolute;display:block;z-index:10;color:rgba(0,0,0,0);outline:4px dashed rgba(0,95,143,0);outline-offset:5px}#RT div.overlay:hover{outline:4px dashed rgba(0,95,143,.6)}#RT div.overlay.exposed{outline:4px solid #333}#RT div.overlay.selected{outline:4px dashed #005f8f}#RT div.overlay .node{width:11px;height:11px;border-radius:10px;border:2px solid rgba(0,100,150,.5);position:absolute;transform:translate(-7.5px, -7.5px);cursor:all-scroll}#RT div.overlay .node.hover,#RT div.overlay .node:hover{border-color:#fff;z-index:20;background-color:rgba(0,0,0,.5)}#RT div.overlay .node.N{border-top-left-radius:0;border-top-right-radius:0;padding-top:10px;transform:translate(-7.5px, -17.5px)}#RT div.overlay .node.S{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:10px}#RT div.overlay .node.W{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:10px;transform:translate(-17.5px, -7.5px)}#RT div.overlay .node.E{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:10px}#RT .widget{position:absolute;overflow:hidden;border:1px solid rgba(0,0,0,0);-ms-overflow-style:none;overflow:-moz-scrollbars-none}#RT .widget::-webkit-scrollbar{display:none}#RT .widget.passthru{pointer-events:none}#RT .widget.stale,#RT .widget .stale{opacity:.3}#RT .widget.loading:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border-radius:50%;border:5px solid #444;border-top-color:#069;animation:spinner .6s linear infinite;box-sizing:border-box}@keyframes spinner{to{transform:rotate(360deg)}}#RT .widget.edit{border:3px solid rgba(0,255,255,.1);cursor:context-menu}#RT .widget.empty{outline:2px dashed red;outline-offset:5px}.PAGE #event_list,.PAGE #event_log_box{width:100%;display:table;color:green}.PAGE #event_list .tbody,.PAGE #event_log_box .tbody{display:table-row-group}.PAGE #event_list .row,.PAGE #event_log_box .row{display:table-row}.PAGE #event_list .tr,.PAGE #event_log_box .tr{display:table-row}.PAGE #event_list .tr .td,.PAGE #event_log_box .tr .td{display:table-cell;padding:5px}#ALARM_LIST table{padding:10px;width:100%;background-color:#000}#ALARM_LIST .row.value{font-family:monospace;font-size:18px}#ALARM_LIST .row.value .unit{color:#aaa;padding-left:5px}#ALARM_LIST .row.cmd{text-align:center}#ALARM_LIST .tbody{display:table-row-group}#ALARM_LIST .row{display:table-row}#ALARM_LIST .row .tag_name{white-space:nowrap}#ALARM_LIST .row:hover{background-color:#222}#ALARM_LIST .row.alarm .tag_name{color:red}#ALARM_LIST .row.warning .tag_name{color:#ff0}#ALARM_LIST .row.alarm_ack .tag_name{color:#a00}#ALARM_LIST .row.warning_ack .tag_name{color:#aa0}#LOGIN{color:#fff;width:100%;height:100vh;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;background-color:#023}#LOGIN .right{text-align:right}#LOGIN .panel#header{text-align:center;padding:20px;max-height:35%}#LOGIN .panel#header img{max-width:75%;max-height:80%}#LOGIN .panel#userlist_box{overflow-x:hidden;overflow-y:auto;flex:1;padding:20px;background-color:#000}#LOGIN #message{color:red;text-align:center;padding:10px;font-size:25px}#LOGIN #userlist_box #USERS{display:flex;flex-wrap:wrap;margin-bottom:30px}#LOGIN #userlist_box #USERS .user{border:4px solid #555;border-radius:10px;padding:5px;margin:5px;text-align:center;background-color:#222;cursor:pointer;flex-grow:1}#LOGIN #userlist_box #USERS .user:hover{border-color:aqua}#LOGIN #userlist_box #USERS .user.disabled{opacity:.5;filter:grayscale(1)}#LOGIN #userlist_box #USERS .user.selected{border-color:#fff}#LOGIN #userlist_box #USERS .user .labels .last_visit{display:none}#LOGIN #userlist_box #USERS .user #perms{display:none}#LOGIN #userlist_box #USERS .user .imgbox{height:170px}#LOGIN #userlist_box #USERS .user .imgbox img{border-radius:7px;height:150px}#LOGIN #userlist_box #USERS .user .imgbox i{font-size:150px}#LOGIN #footer{background-color:#023;box-shadow:5px 10px 10px 10px #888}#LOGIN .flex{display:flex;flex-wrap:wrap;padding:10px;font-size:25px}#LOGIN .flex .small{font-size:10px;text-align:center}#LOGIN .flex div{flex-grow:1;padding:5px}#LOGIN .flex input{width:100%;font-size:25px;box-sizing:border-box}#LOGIN .flex input.btn{margin:0px;font-size:20px}#LOGIN .flex input.disabled{opacity:.5}#SPLASH #box{color:#fff;position:absolute;left:50px;top:50px;right:50px;bottom:50px;text-align:center}#SPLASH #box #logo{height:50%;max-width:100%;vertical-align:middle;margin-bottom:20px}#SPLASH #box #logo .helper{display:inline-block;height:100%;vertical-align:middle}#SPLASH #box #logo img{max-width:95%;max-height:100%;vertical-align:middle}#SPLASH #box #loading{width:100%}#SPLASH #box #log{margin-bottom:20px}#SPLASH #box #log .progress_icon{display:inline-block;font-size:15px;color:#aaa;transition:transform 100ms cubic-bezier(0.785, 0.2, 0.735, 1.65),opacity 100ms cubic-bezier(0.785, 0.2, 0.735, 1.65)}#SPLASH #box #log .progress_icon.loading{opacity:.1;transform:scale(0.6)}#SPLASH #box #log .progress_icon.error{color:red}#SPLASH #box #log svg{color:#fff;margin:20px;font-size:50px}@media screen and (max-width: 600px){body{overflow-y:auto}body .hide{display:none}body #LOGIN p{text-align:center;font-size:11px}body #LOGIN #header{text-align:left;padding:20px;max-height:20% !important}body #LOGIN #header img{max-width:75%;max-height:50% !important}body #LOGIN #userlist_box #USERS .user{font-size:10px}body #LOGIN #userlist_box #USERS .user .imgbox{height:60px;flex:1 1 0}body #LOGIN #userlist_box #USERS .user .imgbox img{border-radius:7px;height:40px}body #LOGIN #userlist_box #USERS .user .imgbox i{font-size:40px}#SPLASH #box{font-size:11px}#SPLASH #box #logo{height:auto}#SPLASH #box #logo img{height:auto;max-height:150px;max-width:95%}#SPLASH #box #log i{color:#fff;margin:10px;font-size:30px}}.PAGE{display:flex;flex-direction:column;height:100vh;max-height:100vh;background-color:#011;color:#fff}.PAGE .filter{float:right;border-radius:5px;padding:5px 10px;margin:25px 15px;cursor:pointer}.PAGE .filter.on{border:4px inset #999;background-color:rgba(255,255,255,.2)}.PAGE .filter.off{border:4px outset #999;background-color:rgba(0,0,0,.1)}.PAGE #notes{margin:20px}.PAGE>#header{background-color:#033;padding-left:20px}.PAGE>#footer{background-color:#033}.PAGE>#page_box{flex:1;overflow:auto}.PAGE .field{width:90% !important}.PAGE a{color:aqua !important}.PAGE .link{color:aqua !important}.PAGE th{text-align:left}.PAGE .table{width:100%}.PAGE .table .icon_cell{color:#fff;font-size:100px}.PAGE .table-left th{padding:5px;background-color:#333}.PAGE .table-left td{color:#aaa}.PAGE .table-top th{text-align:right;background-color:#333;padding:5px}.PAGE .table_view .model_name{font-weight:bold}.PAGE .table_view th{text-align:left}.PAGE .table_view td{cursor:pointer;color:#aaa}.PAGE .flex{flex-wrap:wrap}.PAGE .flex>div{flex-grow:1;flex-basis:0;white-space:nowrap;width:33%;min-width:33%}.PAGE .flex>div .label{font-weight:bold;float:left;background-color:#333;border-right:2px solid #aaa;padding:5px;width:45%}.PAGE .flex>div .value{float:right;padding:5px;width:50%}#DT #showhide{top:5px;right:5px}#DT #showhelp{top:25px;right:5px}#DT .tinybuttons{position:absolute;cursor:pointer;z-index:3}#DT .tinybuttons.showdetails{background-color:#000;color:aqua}#DT .tinybuttons.hidedetails{color:#069}#DT #HELPPANEL{position:absolute;top:0;bottom:0;z-index:50;background-color:#eee;width:285px;right:0;padding:10px;z-index:1;transition:right 200ms;border-left:5px solid #000}#DT #MENU{padding-top:10px;position:absolute;left:0;top:0;bottom:0;width:150px;background-color:#000;color:#aaa;overflow-y:auto;overflow-x:hidden}#DT #MENU::-webkit-scrollbar{display:none}#DT #MENU #exit{text-align:center;position:fixed;left:0;bottom:0;width:150px;padding-bottom:10px;padding-top:10px;border-top:5px solid #fff;cursor:pointer;background-color:#333;box-shadow:0 -7px 18px #333}#DT #MENU #exit:hover{background-color:#fff;color:#000}#DT #MENU table{width:100%}#DT #MENU table th{font-weight:bold;text-align:left}#DT #MENU table td{text-align:right}#DT #MENU table td:last-child input{text-align:right}#DT #MENU .menubox{margin-top:10px;padding:15px 10px;border-top:5px solid #fff;line-height:30px}#DT #MENU .menuitem{user-select:none;height:21px;padding:8px;cursor:pointer;color:#fff}#DT #MENU .menuitem.disabled{opacity:.5}#DT #MENU .menuitem.active{background-color:#fff;color:#000}#DT #MENU #machine_status{line-height:20px}#DT #MENU #machine_status .machine{padding-top:5px}#DT #MENU #machine_status .machine .machine_tags .tag{height:20px;cursor:pointer}#DT #MENU #machine_status .machine .machine_tags .tag i{width:20px;text-align:center}#DT #MENU #machine_status .machine .machine_tags .tag meter{width:95px;height:10px}#DT #MENU #poller_status .poller{cursor:pointer;white-space:nowrap;color:#fff}#DT #MENU #poller_status .poller #icon{float:left;width:25px;text-align:center}#DT #MENU #poller_status .poller #name{width:73px;overflow:hidden;text-overflow:ellipsis}#DT #MENU #poller_status .poller #status{float:right;border:2px outset #fff;width:8px;height:8px;background-color:#000;border-radius:7px;margin-top:10px;margin-right:5px;margin-left:5px}#DT #MENU #poller_status .poller #status.ONLINE{background-color:#5f5}#DT #MENU #poller_status .poller #status.WARNING{background-color:#ff0}#DT #MENU #poller_status .poller #status.OFFLINE{background-color:#f55;-webkit-animation:redblink 1s;-webkit-animation-iteration-count:infinite}#DT #CENTER h1{margin:0px -5px;padding-right:140px;padding-top:4px;background-color:#000;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#DT #CONTENT{overflow:auto;position:absolute;top:46px;left:150px;bottom:0;padding:15px;background-color:#fff;user-select:none}#DT #CONTENT.showdetails{right:315px;transition:right .3s}#DT #CONTENT.hidedetails{right:0;transition:right .3s}#DT #CONTENT .active{background-color:rgba(0,0,0,.1);box-shadow:0 0 0 4px #fff,0 0 0 8px #069}#DT #CONTENT h1{margin:5px -5px;padding:4px;background-color:#000;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#DT #DETAILS{overflow-y:auto;overflow-x:hidden;position:absolute;padding:5px 5px 45px;top:-10px;right:0;bottom:0;background-color:#ddd;border-left:3px solid #000;width:300px;z-index:3}#DT #DETAILS::-webkit-scrollbar{display:none}#DT #DETAILS .message{font-style:italic;text-align:center;color:#777}#DT #DETAILS .empty p{text-align:justify;padding-left:10px;padding-right:10px}#DT #DETAILS .empty #icon{text-align:center;font-size:150px;padding:20px;text-shadow:2px 2px 1px #fff}#DT #DETAILS .empty dl{padding-left:20px;padding-right:20px}#DT #DETAILS.showdetails{transition:transform .3s}#DT #DETAILS.hidedetails{transform:translate(315px);transition:transform .3s}#DT #DETAILS .btn{width:94%;box-sizing:border-box}#DT #DETAILS dl{padding:10px}#DT #DETAILS dl dt{padding-top:5px;font-weight:bold}#DT #DETAILS #new_record{border:3px dashed #069;font-weight:bold;margin-bottom:10px;padding:10px;font-size:18px;border-radius:5px;background-color:rgba(0,0,0,.1)}#DT #DETAILS input:not([type=checkbox]),#DT #DETAILS select{width:97%}#DT #DETAILS #image_url{width:67%;margin-right:5px}#DT #DETAILS fieldset legend select.field{width:auto}#DT #DETAILS input.small,#DT #DETAILS select.small{width:auto}#DT #DETAILS .field::placeholder{color:#bbb}#DT #DETAILS .field:disabled{border:1px solid #ddd;background-color:#eee}#DT #DETAILS .field:invalid{border:1px solid red}#DT #DETAILS textarea{width:100%}#DT #DETAILS textarea.full{height:100px;width:100%;box-sizing:border-box}#DT #DETAILS textarea.nowrap{white-space:pre}#DT #DETAILS .json{box-sizing:border-box;height:150px;width:100%;font-family:monospace;tab-size:3;white-space:pre}#DT #DETAILS .json.badjson{background-color:#fee}#DT #DETAILS #details_footer{position:fixed;right:0;bottom:0;width:310px;height:40px;background-color:#333;color:#888;border-top:5px solid #000;display:flex;user-select:none}#DT #DETAILS #details_footer .link{flex-grow:1;padding:10px;color:#fff;text-align:center}#DT #DETAILS #details_footer .link:hover{background-color:#fff;color:#000}#DT #DETAILS h1{margin:5px -5px;padding:4px;background-color:#000;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#DT #DETAILS h2{margin:5px -5px;text-align:left;border-bottom:5px solid #000;padding-left:5px;margin-top:15px}#DT #DETAILS h2 a{text-decoration:none}#DT #DETAILS .note{padding:5px;margin:0;color:#888;font-size:12px}#DT #DETAILS table{width:100%}#DT #DETAILS table th{white-space:nowrap;font-weight:bold;text-align:left;padding-left:10px;text-indent:-10px}#DT #DETAILS table td{text-align:right}#DT #DETAILS table td:last-child input{text-align:right}@media(max-width: 800px){#DT #MENU{position:absolute;left:0;right:0;top:0;height:35px;width:100%;padding-top:0}#DT #MENU #exit{position:absolute;right:0;top:0;left:auto;font-size:0;width:40px;border-top:none;color:#fff;border-left:5px solid #fff;padding-top:5px}#DT #MENU #exit i{font-size:20px}#DT #MENU .menuitem{font-size:0;float:left}#DT #MENU .menuitem i{font-size:20px}#DT #MENU .menubox{display:none}#DT #CONTENT.showdetails{left:0;top:35px;right:0;bottom:auto}#DT #CONTENT.showdetails #DATABASE{height:auto}#DT #DETAILS{top:35px;width:100%;left:0;border-left:none;background-color:#fff}#DT #DETAILS.empty{display:none}#DT #DETAILS #details_footer{width:100%}#DT #showhide{display:none}}#widget_list{background-color:#bbb;position:absolute;right:0;bottom:40px;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;z-index:10;padding:10px;border-left:8px solid #069;border-top:8px solid #069;border-top-left-radius:12px}#widget_list .group .title{font-weight:bold;border-bottom:1px solid #000;margin-right:5px}#widget_list .group .widget_tiles .widget_tile{padding:5px 10px;cursor:pointer;white-space:nowrap}#widget_list .group .widget_tiles .widget_tile i{width:20px;text-align:center}#widget_list .group .widget_tiles .widget_tile:hover{color:#069}#widget_edit_menu{background-color:#eee;border-top:8px solid #069;position:fixed;left:0;right:0;bottom:0;height:40px;padding:0;z-index:10;display:flex;box-shadow:0 -6px 7px #000;white-space:nowrap}#widget_edit_menu>div{text-align:center;flex-grow:1;padding:10px}#widget_edit_menu .bar_box{border-right:1px solid rgba(0,0,0,.1);float:left;padding-left:10px;padding-right:10px}#widget_edit_menu .bar_box:last-child{border-right:none}#widget_edit_menu #toolbar{padding-left:10px;overflow:hidden;height:12px}#widget_edit_menu #toolbar .toolset{float:left;display:flex;flex-wrap:nowrap;user-select:none}#widget_edit_menu #toolbar .toolset .label{padding:2px;margin-right:0;margin-left:0;border-radius:0;border-right:2px solid rgba(0,0,0,.1)}#widget_edit_menu #toolbar .toolset.expanded .label{color:red}#widget_edit_menu #toolbar .toolset .tools{box-shadow:inset 0 1px 4px rgba(0,0,0,.5);display:none;white-space:nowrap;height:20px;overflow:hidden;background-color:rgba(0,0,0,.1);margin-right:0;margin-left:0;padding:1px 10px}#widget_edit_menu #toolbar .toolset .tools .options{font-size:12px;float:left;padding-left:5px;padding-right:5px;padding-top:3px;flex-grow:0;white-space:nowrap;color:#555}#widget_edit_menu #toolbar .toolset .tools .tool{float:left;color:#069;padding-left:5px;padding-right:5px;padding-top:1px;flex-grow:0;white-space:nowrap;cursor:pointer;border-right:1px solid rgba(0,0,0,.1)}#widget_edit_menu #toolbar .toolset .tools .tool.disabled{opacity:.5;pointer-events:none}#widget_edit_menu #toolbar .toolset .tools .tool:last-child{border-right:none}#widget_edit_menu #toolbar .toolset .tools .tool:hover{background-color:rgba(0,0,0,.1);color:aqua}#widget_edit_menu #sheets{padding-left:10px;text-align:left;width:105px;border-right:1px solid #ccc;flex-grow:0}#widget_edit_menu #toolset .label{font-weight:bold;padding-left:5px}#widget_edit_menu #toolset .tool{cursor:pointer}#widget_edit_menu #commands{display:flex;text-align:right;width:250px;flex-grow:0}#widget_edit_menu #commands .button{top:-3px;position:relative;height:26px;width:120px}#widget_edit_menu #dimensions input{width:45px;text-align:right}#widget_edit_menu #title{font-weight:bold;text-align:left;padding-left:10px;white-space:nowrap}#widget_edit_menu #exit{border-right:1px solid #ccc;cursor:pointer;max-width:150px;min-width:50px;flex-grow:0;background-color:rgba(0,0,0,.1)}#widget_edit_menu #settings_box{white-space:nowrap}#widget_edit_menu #settings{background-color:rgba(0,0,0,.1);width:50px;cursor:pointer;border-left:1px solid #ccc;flex-grow:0}#widget_edit_menu #widgets{border-left:1px solid #ccc;cursor:pointer;max-width:150px;min-width:50px;flex-grow:0;background-color:rgba(0,0,0,.1)}#widget_edit_menu #widgets.selected{background-color:#bbb}body>#widget_props{z-index:25;background-color:#bbb;position:absolute;padding:10px;box-shadow:4px 2px 30px 5px #000;border-radius:3px;font-size:14px;opacity:0}body>#widget_props #helpbox{color:#666;font-style:italic;border-top:2px dashed #999;margin-top:5px;padding-top:5px}body>#widget_props #helpbox:empty{border-top:none}body>#widget_props textarea{width:100%;height:40px}body>#widget_props textarea.tall{height:100px}body>#widget_props table{width:100%}body>#widget_props th{white-space:nowrap;font-weight:bold;user-select:none;text-align:right;padding-right:5px}body>#widget_props .tabs{margin-top:5px;margin-bottom:5px;border:1px solid #888;background-color:#aaa;border-radius:3px}body>#widget_props .tabs #body{padding:5px}body>#widget_props .tabs #tabbox{display:flex;background-color:#888;margin-bottom:5px}body>#widget_props .tabs #tabbox .tab{cursor:pointer;flex-grow:1;border-right:1px dashed #666;padding-left:5px;padding-right:5px;text-align:center}body>#widget_props .tabs #tabbox .tab.label{cursor:default;pointer-events:"none";border-right:1px solid #666;color:#555;background-color:rgba(0,0,0,.1)}body>#widget_props .tabs #tabbox .tab.active{color:aqua}body>#widget_props .tagchooser{border:1px solid #069;background-color:#fff;cursor:pointer;min-height:25px;min-width:100px;border-radius:5px;max-height:300px;overflow:auto}body>#widget_props .tagchooser>.item{padding:3px;margin:2px;border-top-left-radius:10px;border-bottom-left-radius:10px;font-size:12px;padding-left:11px;padding-right:5px}body>#widget_props .tagchooser>.item .delete{float:right;color:#069}body>#widget_props .tagchooser>.item .delete:hover{color:aqua}body>#widget_props .tagchooser.active{border-color:aqua}body>#widget_props .tagchooser #chooser{position:absolute;box-shadow:0 0 20px 7px rgba(0,0,0,.5);max-height:200px;overflow:auto;background-color:#fff;padding:5px}body>#widget_props .tagchooser #chooser thead input,body>#widget_props .tagchooser #chooser thead select{width:100%;min-width:80px}body>#widget_props .tagchooser #chooser thead td{background-color:#ddd;padding:5px}body>#widget_props .tagchooser #chooser .link{color:#069}body>#widget_props .tagchooser #chooser .link:hover{color:aqua}body>#widget_props .tagchooser #chooser td{white-space:nowrap}body>#widget_props .tagchooser #chooser #newtag{border:2px solid aqua;width:100%;box-sizing:border-box}body>#widget_props .tagchooser #chooser #items{background-color:#fff;max-height:200px;overflow-y:auto;overflow-x:hidden;padding:5px}body>#widget_props .tagchooser #chooser #items .item{padding:2px;white-space:nowrap}body>#widget_props .tagchooser #chooser #items .item .desc{color:#999;float:right;max-width:300px;text-overflow:ellipsis;overflow:hidden}body>#widget_props .tagchooser #chooser #items .item:hover{color:#069}body>#widget_props #tagchooser_box{border:1px solid blue;position:fixed;background-color:#fff;padding:5px}body>#widget_props .json{font-family:monospace;tab-size:3;white-space:pre}body>#widget_props .json#json{height:200px}body>#widget_props .json.badjson{background-color:#fee}body>#widget_props #header{border-bottom:2px solid #000;display:flex;padding-bottom:5px;margin-bottom:5px}body>#widget_props #header #title{font-weight:bold;flex-grow:1;user-select:none;cursor:move}body>#widget_props #header .command{text-align:right;color:#069;cursor:pointer;padding-left:5px}body>#widget_props #header .command:hover{color:aqua}.button{border-radius:5px;width:100px;margin-right:5px;margin-left:5px;text-align:center;background-color:#069;color:#fff;font-size:15px;cursor:pointer}.fontawesomechooser{width:37px;float:right}.fontawesomechooser .preview{background-color:#fff;padding:10px;color:#000;border-radius:5px;cursor:pointer}.fontawesomechooser #icons{display:none;position:absolute;right:10px;overflow:hidden;background-color:#fff;color:#000;padding:10px;flex-wrap:wrap;height:120px;width:200px;overflow-y:auto;box-shadow:1px 2px 19px 3px #999}.fontawesomechooser #icons #icon_list{display:flex;flex-wrap:wrap;align-items:flex-start}.fontawesomechooser #icons #search{width:100%}.fontawesomechooser #icons .tile{flex-grow:1;padding:5px;cursor:pointer;border:1px solid #fff;border-radius:3px}.fontawesomechooser #icons .tile:hover{border:1px solid aqua}#DT #HELPPANEL{overflow:auto}#DT #DETAILS #HELP p,#DT #HELPPANEL #HELP p{margin:5px;line-height:20px;padding-bottom:10px;text-align:justify;z-index:2}#DT #DETAILS #HELP pre,#DT #HELPPANEL #HELP pre{background-color:#fff;padding:10px;font-size:10px}#DT #DETAILS #HELP dt,#DT #HELPPANEL #HELP dt{font-family:monospace;font-weight:bold}#DT #DETAILS #HELP h2,#DT #HELPPANEL #HELP h2{border-bottom:3px solid #000}#DT #DETAILS #HELP h3,#DT #HELPPANEL #HELP h3{border-bottom:2px solid #000}#DT #DETAILS #HELP .ticket,#DT #HELPPANEL #HELP .ticket{color:#777;font-size:14px}#DT #DETAILS #HELP table,#DT #HELPPANEL #HELP table{margin-left:10px;margin-right:10px;font-size:14px;width:inherit;border-bottom:1px solid #000;margin-bottom:10px;width:95%}#DT #DETAILS #HELP table th,#DT #HELPPANEL #HELP table th{background-color:#ccc;border-bottom:1px solid #000}#DT #DETAILS #HELP table td,#DT #HELPPANEL #HELP table td{text-align:left;vertical-align:top;border-bottom:1px solid #aaa}#DT #DETAILS #HELP .watermark,#DT #HELPPANEL #HELP .watermark{display:none}#DT #CONTENT #HELP p{text-align:justify;padding-bottom:10px;line-height:20px}#DT #HELP a{text-decoration:underline}#DT #HELP a:visited{color:#035}#DT #HELP #topology{width:50%;border:5px dashed #ccc;padding:15px;border-radius:10px;margin:15px auto;overflow:hidden}#DT #HELP #topology img{height:16px;position:relative;top:2px}#DT #HELP .tree{transform:rotate(180deg);transform-origin:50%}#DT #HELP .tree ul{position:relative;padding:1em 0;white-space:nowrap;margin:0 auto;text-align:center}#DT #HELP .tree ul::after{content:"";display:table;clear:both}#DT #HELP .tree li{display:inline-block;vertical-align:top;text-align:center;list-style-type:none;position:relative;padding:1em .5em 0}#DT #HELP .tree li::after,#DT #HELP .tree li::before{content:"";position:absolute;top:0;right:50%;border-top:1px solid #ccc;width:50%;height:1em}#DT #HELP .tree li::after{right:auto;left:50%;border-left:1px solid #ccc}#DT #HELP .tree li:only-child::after,#DT #HELP .tree li:only-child::before{display:none}#DT #HELP .tree li:only-child{padding-top:0}#DT #HELP .tree li:first-child::before,#DT #HELP .tree li:last-child::after{border:0 none}#DT #HELP .tree li:last-child::before{border-right:1px solid #ccc;border-radius:0 5px 0 0}#DT #HELP .tree li:first-child::after{border-radius:5px 0 0 0}#DT #HELP .tree ul ul::before{content:"";position:absolute;top:0;left:50%;border-left:1px solid #ccc;width:0;height:1em}#DT #HELP .tree li a{border:1px solid #ccc;padding:.5em .75em;text-decoration:none;display:inline-block;border-radius:5px;color:#333;position:relative;top:1px;transform:rotate(180deg)}#DT #HELP .tree li a:hover,#DT #HELP .tree li a:hover+ul li a{background:#e9453f;color:#fff;border:1px solid #e9453f}#DT #HELP .tree li a:hover+ul li::after,#DT #HELP .tree li a:hover+ul li::before,#DT #HELP .tree li a:hover+ul ul::before,#DT #HELP .tree li a:hover+ul::before{border-color:#e9453f}#DT #HELP #toc{display:flex;flex-wrap:wrap;flex-direction:row}#DT #HELP #toc a{text-decoration:none}#DT #HELP #toc .group{flex-grow:1;flex-basis:1;background-color:#eee;margin:20px;padding:10px;border-radius:5px}#DT #HELP #toc .group li{padding:5px}#DT #HELP #logo{width:300px;float:right;padding:10px}#DT #HELP .bottombarbutton{color:#000;background-color:#ccc;white-space:nowrap;border:1px solid #000;padding:3px;font-size:10px;box-shadow:2px 2px 5px rgba(0,0,0,.5);font-weight:bold;position:relative;top:-2px}#DT #HELP #key{background-color:#333;color:#fff;position:relative;left:-15px;top:-15px;width:calc(100% + 30px);font-size:16px;padding-bottom:10px;padding-top:8px}#DT #HELP #key a{color:aqua}#DT #HELP #key tr{line-height:33px}#DT #HELP #key tr td{padding-left:10px}#DT .badjson{background-color:#fee}#DT #DETAILS #DATABASE{height:100%}#DT #DETAILS #DATABASE textarea{box-sizing:border-box;position:absolute;height:auto;right:15px;top:63px;bottom:50px;left:5px;width:300px;font-family:monospace;tab-size:3;white-space:pre}#DT #DATABASE{display:flex;flex-direction:column;height:98vh}#DT #DATABASE table .model_name{text-align:left;font-weight:bold;color:#000}#DT #DATABASE table .active{color:#000}#DT #DATABASE table th{text-transform:capitalize}#DT #DATABASE table th.sort{cursor:pointer;white-space:nowrap;overflow:hidden}#DT #DATABASE table th.sort i{color:#555;padding-left:5px}#DT #DATABASE #db_filter{background-color:#eee;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;overflow:hidden;padding-left:5px;padding-right:5px}#DT #DATABASE #db_filter #tools{border-top:2px solid #000;padding:5px;margin:-2px;font-weight:bold}#DT #DATABASE #db_filter #tools #right_tools div{float:left}#DT #DATABASE #db_filter #tools #right_tools #search{padding-right:5px;position:relative;top:-3px}#DT #DATABASE #db_filter #tools #right_tools .switch{float:left;margin-top:-5px;padding:2px}#DT #DATABASE #db_filter #tools #right_tools .switch .option{padding:0 5px;margin:2px;float:left;cursor:pointer}#DT #DATABASE #db_filter #tools #right_tools .switch .option.selected{background-color:#ccc;outline:4px solid #ccc}#DT #DATABASE #db_filter #tools .tool{padding:5px;color:#069;margin-left:10px;cursor:pointer;font-weight:normal}#DT #DATABASE #db_filter #tools .tool:hover{background-color:rgba(0,0,0,.1)}#DT #DATABASE #db_filter .filter_row{display:flex;padding:5px;padding-bottom:10px;flex-wrap:wrap;max-height:100px;font-size:13px;background-color:#eee;overflow-y:auto}#DT #DATABASE #db_filter .filter_row:nth-child(even){background-color:#e9e9e9}#DT #DATABASE #db_filter .filter_row:last-child{border-bottom:none}#DT #DATABASE #db_filter .filter_row .filter{flex:1;cursor:pointer;white-space:nowrap;padding:3px 5px;text-align:center;border-right:1px dashed rgba(0,0,0,.1)}#DT #DATABASE #db_filter .filter_row .filter a{pointer-events:none}#DT #DATABASE #db_filter .filter_row .filter:hover{background-color:rgba(0,0,0,.1)}#DT #DATABASE #db_filter .filter_row .filter.off{color:#aaa}#DT #DATABASE #db_filter .filter_row .filter:last-child{border:none}#DT #DATABASE #db_menu{color:red;display:flex;width:100%;overflow:hidden;box-sizing:border-box}#DT #DATABASE #db_menu .menuitem{flex-grow:1;text-align:center;padding:5px 10px;color:#069;cursor:pointer;border-left:1px solid rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,0);border-top:1px solid rgba(0,0,0,0);border-bottom:1px solid #000;white-space:nowrap}#DT #DATABASE #db_menu .menuitem.current{border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;border-bottom:1px solid rgba(0,0,0,0);border-top-left-radius:5px;border-top-right-radius:5px;background-color:#eee}#DT #DATABASE .main_content{flex:1;overflow:scroll;box-sizing:border-box}#DT #DATABASE .database_view img{height:15px}#DT #DATABASE .database_view td{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:nowrap;color:inherit;font-size:inherit;max-width:250px}#DT #DATABASE .table_view td{cursor:pointer}#DT #DATABASE .json_view{height:100%}#DT #DATABASE .json_view .json{box-sizing:border-box;width:100%;height:100%;font-size:15px;font-family:monospace}#DT #DATABASE .json_view #controlbox{position:absolute;border:1px solid #ccc;right:40px;margin-top:20px;background-color:rgba(220,220,220,.8);box-shadow:7px 7px 23px rgba(0,0,0,.1);z-index:10;border-radius:4px}#DT #DATABASE .json_view #controlbox>div{display:inherit;margin:5px}#DT #DATABASE .spreadsheet_view .fontawesomechooser{border:1px solid #ccc;text-align:center;width:19px;margin-top:1px}#DT #DATABASE .spreadsheet_view .fontawesomechooser .preview{font-size:15px;padding:0;margin:0;height:17px}#DT #DATABASE .spreadsheet_view .icon input,#DT #DATABASE .spreadsheet_view .image_url input,#DT #DATABASE .spreadsheet_view .glyph input{width:calc(100% - 25px)}#DT #DATABASE .spreadsheet_view .color input{width:80px}#DT #DATABASE .spreadsheet_view input{width:100%;box-sizing:border-box;margin:1px}#DT #DATABASE .spreadsheet_view input:focus{border:2px solid #999;outline:none}#DT #DATABASE .spreadsheet_view table{width:95%}#DT #DATABASE .spreadsheet_view tr{box-shadow:none}#DT #DATABASE .spreadsheet_view tr td{padding:0px 1px;border-bottom:none}#DT #DATABASE .spreadsheet_view tr th{color:inherit;font-size:inherit}#DT #DATABASE .spreadsheet_view tr.hover{background-color:rgba(0,0,0,.2)}#DT #DETAILS #DEVICES #device_library_details #details_footer{display:none}#DT #DETAILS .device_status div{color:#555;font-style:italic;height:35px;max-height:35px;overflow:hidden}#DT #DETAILS .modpoll{font-size:12px;overflow:hidden}#DT #DETAILS .modpoll .icon{font-size:14px}#DT #DETAILS .modpoll td{text-align:left}#DT #DETAILS .modpoll .modtile{width:100%;border:2px solid #eee;background-color:#eee;padding:5px;margin-bottom:5px}#DT #DETAILS .modpoll .modtile.SUCCESS{border:2px solid #0a0}#DT #DETAILS .modpoll .modtile.SUCCESS .icon{color:#0a0}#DT #DETAILS .modpoll .modtile.FAIL{border:2px solid red}#DT #DETAILS .modpoll .modtile.FAIL .icon{color:red}#DT #DETAILS .modpoll .modtile .status{border-bottom:1px solid #ccc;text-indent:-8px;padding-left:17px}#DT #DETAILS .modpoll .modtile .modcmd{font-family:monospace;font-size:12px;white-space:nowrap;overflow:hidden;width:100%}#DT #DETAILS .modpoll .modtile .modcmd input{text-align:left}#DT #CONTENT #DEVICES{box-sizing:border-box;padding:0 10px;flex-grow:1}#DT #CONTENT #DEVICES #status{display:flex;background-color:#ccc;border:2px inset #bbb;border-radius:5px;padding:5px;font-size:80%}#DT #CONTENT #DEVICES #status:empty{display:none}#DT #CONTENT #DEVICES #status #state{width:150px}#DT #CONTENT #DEVICES #status #progress{flex-grow:1}#DT #CONTENT #DEVICES #status #progress progress{width:100%;padding-bottom:5px}#DT #CONTENT #DEVICES #status #next{text-align:right;width:100px}#DT #CONTENT #DEVICES .device{box-sizing:border-box;width:100%;padding:10px;margin-bottom:10px;margin-top:5px;overflow:hidden;background-color:#ddd;border-radius:7px;border:2px solid rgba(0,0,0,.5);float:left;flex:1}#DT #CONTENT #DEVICES .device.offline{border-color:red}#DT #CONTENT #DEVICES .device.disabled{opacity:.5;pointer-events:all}#DT #CONTENT #DEVICES .device #image{width:50px;height:50px;float:left;overflow:hidden;font-size:40px;mix-blend-mode:multiply}#DT #CONTENT #DEVICES .device #image img{width:100%}#DT #CONTENT #DEVICES .device #tags{margin-left:60px;background-color:#fff;margin-bottom:5px;border-radius:5px;border:2px solid rgba(0,0,0,.5);padding:5px}#DT #CONTENT #DEVICES .device #header{margin-bottom:5px;background-color:rgba(0,0,0,0);color:#000;cursor:auto}#DT #CONTENT #DEVICES .device #header .link{color:#069;border-left:1px solid rgba(0,0,0,.1)}#DT #CONTENT #DEVICES .device #header .link:last-child{border-left:none}#DT #CONTENT #DEVICES .device #header .link:hover{color:#fff}#DT #CONTENT #DEVICES .device .prefix{font-weight:bold}#DT #CONTENT #DEVICES .device .connection_string{color:#555}#DT #CONTENT #DEVICES .device .error .icon{color:red}#DT #CONTENT #DEVICES .device .rightmenu{float:right;overflow:hidden;white-space:nowrap;width:250px}#DT #CONTENT #DEVICES .device .rightmenu .menuitem{float:right;margin:5px;padding-right:5px;overflow:hidden}#DT #CONTENT #DEVICES .device .rightmenu #online{width:10px;height:10px;border-radius:9px;border:2px outset #999;margin-top:8px;float:right}#DT #CONTENT #DEVICES .device .rightmenu #online.online{background-color:#3f3}#DT #CONTENT #DEVICES .device .rightmenu #online.offline{background-color:red;animation:redblink 1s;animation-iteration-count:infinite}#DT #DEVICE_LIBRARY{box-sizing:border-box}#DT #DEVICE_LIBRARY .rightmenu{float:right;color:#aaa}#DT #DEVICE_LIBRARY .rightmenu .menuitem{float:right;padding-right:10px}#DT #DEVICE_LIBRARY #prefab .device_type{min-width:100px;width:100px;border-radius:5px;border-radius:15px}#DT #DEVICE_LIBRARY #prefab .device_type #img{width:100px;height:100px;display:table-cell;text-align:center;vertical-align:middle}#DT #DEVICE_LIBRARY #prefab .device_type #img img{width:100%}#DT #DEVICE_LIBRARY .device_library{background-color:#fff;box-sizing:border-box;padding-bottom:0;margin-bottom:15px;overflow:hidden;border:3px solid #000;border-radius:5px;margin-left:5px;margin-right:5px;flex-grow:1}#DT #DEVICE_LIBRARY .device_library.expanded{border-bottom-left-radius:15px;border-bottom-right-radius:15px}#DT #DEVICE_LIBRARY .device_library #vendor{background-color:#ddd;padding:5px;font-size:12px;border-bottom:2px solid #000}#DT #DEVICE_LIBRARY .device_library #header{background-color:#000;color:#fff;margin-bottom:0;padding:5px;overflow:hidden}#DT #DEVICE_LIBRARY .device_library #header #typefilter{float:right}#DT #DEVICE_LIBRARY .device_library #header #typefilter .filter{float:left;padding-right:10px;cursor:pointer}#DT #DEVICE_LIBRARY .device_library #header #typefilter .filter.on{color:#fff}#DT #DEVICE_LIBRARY .device_library #header #typefilter .filter.off{opacity:.5}#DT #DEVICE_LIBRARY .device_library #header #typefilter .filter#search{margin-left:10px;margin-right:5px}#DT #DEVICE_LIBRARY .device_library #header .link{color:aqua;padding-left:10px;border-left:1px solid rgba(255,255,255,.2)}#DT #DEVICE_LIBRARY .device_library #header .link:last-child{border-left:none}#DT #DEVICE_LIBRARY .device_library #header .link:hover{color:#fff}#DT #DEVICE_LIBRARY .device_library #header #small_devices .device{text-align:center;margin-right:5px;padding:2px 5px;border-radius:5px;background-color:#222;float:right;font-size:10px;color:#fff;cursor:pointer}#DT #DEVICE_LIBRARY .device_library #header #small_devices .device .value{color:#999}#DT #DEVICE_LIBRARY .device_library #header #small_devices .ONLINE{border:2px solid #0c0}#DT #DEVICE_LIBRARY .device_library #header #small_devices .OFFLINE{border:2px solid red}#DT #DEVICE_LIBRARY .device_library #devices{display:flex;padding-top:5px;padding-bottom:5px}#DT #DETAILS #FILES #preview{height:450px;background-color:#bbb}#DT #DETAILS #FILES #content{font-size:8px;border:1px inset #999;padding:5px;background-color:#fff}#DT #DETAILS #FILES #content h1{font-weight:bold;background-color:inherit;color:#000}#DT #DETAILS #FILES #content h2{font-weight:bold;background-color:inherit;color:#000;border-bottom:none}#DT #CONTENT #FILES{display:flex;flex-wrap:wrap;justify-content:space-around}#DT #CONTENT #FILES .file{text-align:center;flex-basis:20%;height:145px;border-radius:20px;margin:20px}#DT #CONTENT #FILES .file #icon{font-size:100px}#DT #DETAILS #NETWORK>#icon{text-align:center;font-size:150px;padding:20px;text-shadow:2px 2px 1px #fff}#DT #DETAILS #NETWORK #preview{height:450px;background-color:#bbb}#DT #CONTENT #NETWORK .network{text-align:center;flex-basis:20%;height:80px;width:270px;border-radius:20px;border:2px solid #000;margin:20px;padding:10px;float:left}#DT #CONTENT #NETWORK .network.offline{opacity:.2}#DT #CONTENT #NETWORK .network #icon{font-size:50px;float:left;width:60px}#DT #CONTENT #NETWORK .network #status{text-align:left;clear:both}#DT #CONTENT #NETWORK .network #status .status{font-weight:bold}#DT #CONTENT #NETWORK .network #details{float:left}#DT #CONTENT #NETWORK .network #details>div{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#DT #CONTENT #NETWORK .network #details .vendor{font-weight:bold}#DT #CONTENT #NETWORK .network #details .mac{color:#999}#DT #POLLERS #pollers{display:flex;flex-wrap:wrap}#DT #POLLERS #pollers .protocol{border-bottom:1px solid #999}#DT #POLLERS #pollers .poller{cursor:pointer;background-color:#eee;margin:15px;flex-grow:1;border:2px solid #000;border-radius:3px}#DT #POLLERS #pollers .poller .icon{font-size:50px}#DT #POLLERS #pollers .poller #devices{display:flex;padding:5px;flex-wrap:wrap;border-top:2px solid #000}#DT #POLLERS #pollers .poller #devices .device{text-align:center;margin:5px;padding:5px;border-radius:5px;float:left;flex-grow:1}#DT #POLLERS #pollers .poller #devices .device .value{color:#999}#DT #POLLERS #pollers .poller #devices .online{border:2px solid green}#DT #POLLERS #pollers .poller #devices .offline{border:2px solid red}#DT #POLLERS #pollers .poller .ONLINE{background-color:#efe;border:1px solid #efe}#DT #POLLERS #pollers .poller .WARNING{background-color:#ffe;border:1px solid #ff0}#DT #POLLERS #pollers .poller .OFFLINE{background-color:#fee;border:1px solid red}#DT #POLLERS #pollers .poller table{padding:10px;width:100%;min-height:66px}#DT #POLLERS #pollers .poller table .name{font-weight:bold}#DT #POLLERS #pollers .poller table .state{text-align:center;width:150px;padding:5px;background-color:#333;color:#07ff07;font-weight:bold;position:relative;top:5px;font-family:monospace}#DT #POLLERS #pollers .poller table .status{font-style:italic;padding-left:20px;padding-top:10px;color:#999}#DT #POLLERS #pollers .poller table .button{text-align:right}#DT #SCREENS .screen{height:150px;text-align:center;padding:30px;margin:5px;cursor:pointer;float:left;border-radius:10px}#DT #SCREENS .screen .preview{background-color:#111;background-image:radial-gradient(ellipse farthest-corner at center, #004880 0%, #06013B 100%);color:#fff;border-radius:5px;margin-left:auto;margin-right:auto;flex-direction:column;justify-content:center;position:relative;font-size:0px;overflow:hidden}#DT #SCREENS .screen .preview .widget{background-color:rgba(255,255,255,.5);position:absolute;border-radius:2px;box-shadow:1px 2px 8px rgba(0,0,0,.7);font-size:1.5vmin;color:rgba(0,0,0,.5);overflow:hidden;text-align:left}#DT #SCREENS .screen .preview .widget .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:15px;height:15px;text-align:center}#DT #SCREENS .screen.home .preview{background-color:#222;background-image:radial-gradient(ellipse farthest-corner at center, #0068a0 0, #002c8e 100%);border:5px outset #bbb}#DT #SCREENS .screen.disabled{opacity:.5;filter:grayscale(100%);pointer-events:all}#DT #SCREENS .screen.master .preview{background-image:radial-gradient(ellipse farthest-corner at center, #000 0, #024 100%);background-color:#000;border:5px inset #bbb}#DT #SETTINGS{box-sizing:border-box;width:100%}#DT #SETTINGS caption{font-weight:bold}#DT #SETTINGS thead th{font-size:22px;border-bottom:1px solid #000}#DT #SETTINGS .field{font-size:20px}#DT #SETTINGS table{font-size:20px;width:100%;padding-top:50px;padding-right:70px;padding-left:70px}#DT #SETTINGS table th{text-align:left;padding:10px}#DT #SETTINGS table td{text-align:right;padding:10px}#DT #SETTINGS table td input,#DT #SETTINGS table td select{width:100%}#DT #SETTINGS table td.description{padding-bottom:50px;color:#555;font-size:12px;padding-left:10px;text-align:left}#DT #tag_details .nav td{border-bottom:2px solid #000;color:red;padding-bottom:5px}#DT #tag_details .nav td.arrow{color:#069;cursor:pointer}#DT #tag_details .nav td.arrow#right{text-align:right}#DT #tag_details .nav td.arrow#left{text-align:left}#DT #TAGS{display:flex;flex-wrap:wrap;align-content:stretch;font-size:12px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:3px}#DT #TAGS .tag{flex-grow:1;flex-basis:0;border:1px solid #000;padding:2px;border-radius:3px;margin:5px;min-width:160px;float:left;cursor:pointer;font-family:monospace;color:#777;padding:3px}#DT #TAGS .tag .symbol{color:#111;font-weight:bold}#DT #TAGS .tag .symbol .address{font-weight:normal;color:#777;padding-left:10px}#DT #TAGS .tag .symbol i{padding-right:2px;position:relative;top:1px}#DT #TAGS .tag .value{color:#000;text-align:right;font-weight:bold}#DT #TAGS .tag .state{flex-grow:0 !important;flex-shrink:0;flex-basis:65px;text-align:right;border-radius:3px;width:100px}#DT #TAGS .tag .state.alarm{background-color:red;text-align:center;color:#fff;text-transform:uppercase}#DT #TAGS .tag .state.warning{background-color:#ff0;text-align:center;color:#000}#DT #TAGS .tag .state.normal{display:none}#DT #TAGS .tag .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"Lucida Grande",Lucida,Verdana,sans-serif}#DT #TAGS .tag .unit{color:#bbb}#DT #TAGS .tag .tinyflex{display:flex}#DT #TAGS .tag .tinyflex div{flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#DT #TAGS .tag .tinyflex .address{padding-left:5px;padding-right:5px}#DT #TAGS .tag .tinyflex .symbol,#DT #TAGS .tag .tinyflex .value{overflow:hidden;text-overflow:ellipsis}#DT #TAGS .tag i{color:#777}#DT #TAGS .tag.never{border-style:dashed}#DT #TAGS .tag table{width:100%}#DT #TAGS .tag table .alarm{color:red}#DT #TAGS .tag table .warning{color:#770}#DT #TAGS .tag table.new{opacity:.5}@keyframes yellow-fade{0%{background:rgba(0,255,255,.2);color:#000}100%{background:rgba(0,255,255,0)}}#DT #TAGS .tag.changed{animation:yellow-fade 2s ease-in 1}#DT #CONTENT .report{padding:20px;float:left;height:625px}#DT #CONTENT .report #template{width:425px;height:550px}#DT .report #name{text-align:center;font-weight:bold}#DT .report #name .freq{color:#999}#DT .report #template{box-shadow:4px 4px 19px 6px #d3d2d2;font-family:monospace;font-size:10px;margin:10px;padding:10px;border:2px solid #999}#DT .report #template .gaugebox{display:flex;flex-wrap:wrap;text-align:center}#DT .report #template .gaugebox figurebox{flex:1}#DT .report #template .gaugebox .gauge{display:inline-block;position:relative;width:100px;height:50px;overflow:hidden}#DT .report #template .gaugebox .gauge:after,#DT .report #template .gaugebox .gauge:before,#DT .report #template .gaugebox .meter{position:absolute;display:block;content:""}#DT .report #template .gaugebox .gauge:before,#DT .report #template .gaugebox .meter{width:100px;height:50px}#DT .report #template .gaugebox .gauge:before{border-radius:50px 50px 0 0;background:#ccc}#DT .report #template .gaugebox .gauge:after{position:absolute;bottom:0;left:25px;width:50px;height:25px;background:#fff;border-radius:25px 25px 0 0}#DT .report #template .gaugebox .meter{top:100%;transition:1.5s;transform-origin:center top;border-radius:0 0 60px 60px;background:#069;border:none}#DT .report #template .gaugebox figcaption{text-align:center}#DT .report #template .chart{width:100%}#DT .report #template .chart tr{margin:0}#DT .report #template .chart td{margin:0}#DT .report #template .chart .name{width:20%}#DT .report #template .chart .value{width:15%;text-align:right}#DT .report #template .chart .value .unit{color:#999}#DT .report #template .chart .barbox{width:65%;background:repeating-linear-gradient(to right, #bbb, #bbb 1px, #ccc 1px, #ccc 10%)}#DT .report #template .chart .barbox .bar{height:10px;background-color:#069}#DT .report #template table td{padding:1px;text-align:initial}#DT .report #template table td hr{height:1px}#DT .report #template table td.right,#DT .report #template table th.right{text-align:right}#DT .report #template table td.left,#DT .report #template table th.left{text-align:left}#DT .report #watermark{color:#000;font-size:70px;transform:translate(0px, -350px) rotate(45deg);text-align:center;opacity:.05;font-family:monospace}#DT .report.active{background-color:#fff;border-radius:10px}#DT .report.active #template{border-color:#000;box-shadow:4px 4px 48px 11px #d3d2d2;background-color:#fff;overflow:auto}#DT #DETAILS .reports{display:flex;flex-direction:column;height:100%}#DT #DETAILS .reports .template{height:100%}#DT #DETAILS .reports .template textarea#template{height:50%;box-sizing:border-box}#DT #DETAILS .reports sup{color:#999}#DT #DETAILS .reports.full{position:fixed;left:0px;top:0px;right:0px;bottom:0px;overflow:hidden;background-color:#eee}#DT #DETAILS .reports.full .value{font-family:monospace}#DT #DETAILS .reports.full .value .unit{color:#aaa}#DT #DETAILS .reports.full table{padding:10px}#DT #DETAILS .reports.full table td{text-align:left}#DT #DETAILS .reports.full table th.right,#DT #DETAILS .reports.full table td.right{text-align:right}#DT #DETAILS .reports.full #fullscreen{position:absolute;padding:10px;left:0;right:0;top:0;bottom:0;display:flex}#DT #DETAILS .reports.full #fullscreen div{width:50%;padding:0 5px}#DT #DETAILS .reports.full div#template{border:2px solid #999;box-shadow:4px 4px 19px 6px #d3d3d3;padding:20px;max-height:100%;text-align:left;background-color:#fff;overflow:auto}#DT #DETAILS .reports.full textarea#template{position:inherit;width:100%;height:100%;padding:5px}#DT #DETAILS table#hours{font-size:10px;border:2px inset #ccc;background-color:#ccc;border-radius:5px;padding:3px}#DT #DETAILS table#hours td{text-align:center}#DT #DETAILS .empty fieldset{display:flex}#DT #DETAILS textarea#template{font-family:monospace}#DT #DETAILS pre{background-color:#fff;padding:10px;font-size:10px}#DT #DETAILS #fullscreen_link{float:right;position:relative;top:-29px}#DT #CONTENT #template,#DT .panel #template{overflow:hidden}#DT #CONTENT #template table,#DT .panel #template table{width:100%}#DT #CONTENT #template table th,#DT .panel #template table th{text-align:left}#DT #CONTENT #template table td,#DT .panel #template table td{white-space:nowrap}#DT #CONTENT #template .value .unit,#DT .panel #template .value .unit{color:#999}#DT #CONTENT #template .value,#DT .panel #template .value{font-family:monospace}#DT #CONTENT #template .value .unit,#DT .panel #template .value .unit{color:#aaa}#DT #CONTENT #template h1,#DT .panel #template h1{font-size:20px;font-weight:bold;background-color:inherit;color:#000;border-bottom:6px solid #000;text-align:left}#DT #CONTENT #template h2,#DT .panel #template h2{font-size:18px;font-weight:bold;background-color:inherit;color:#000;border-bottom:none;border-bottom:4px solid #000;text-align:left}#DT #CONTENT #template h3,#DT .panel #template h3{font-size:16px;font-weight:bold;background-color:inherit;color:#000;border-bottom:none;border-bottom:2px solid #000;text-align:left}#DT #USERS{display:flex;flex-wrap:wrap;justify-content:space-around}#DT #USERS .user{flex-basis:20%;border-radius:50px;text-align:center;padding:30px;margin:10px;cursor:pointer;border:5px solid #eee}#DT #USERS .user .last_visit{color:#777}#DT #USERS .user #perms{margin-top:10px;align-items:center;justify-content:center;display:flex}#DT #USERS .user #perms .perm{margin:2px;width:19px;border-radius:5px;padding:5px;color:#000}#DT #USERS .user #perms .perm.disabled{opacity:.2}#DT #USERS .user .headshot i,#DT #USERS .user .headshot svg{font-size:100px}#DT #USERS .user .headshot img{height:100px;border-radius:15px}.PAGE#USERS .notification{text-align:center}.PAGE#USERS .notification>i{font-size:60px}.PAGE#USERS .notification .fontawesomechooser{display:inline-block;float:none;width:80px}.PAGE#USERS .notification .fontawesomechooser .preview{font-size:50px;padding:0px}#event_log_box.none{display:none}#event_log_box.wide .table{width:100%;display:table}#event_log_box.wide .tr{display:table-row;padding-bottom:5px;font-size:12px}#event_log_box.wide .td{vertical-align:top;display:table-cell;padding:2px}#event_log_box.narrow .table{width:100%}#event_log_box.narrow .tr{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #555;font-size:12px}#event_log_box.narrow .td.datetime{padding-bottom:5px}#event_log_box.narrow .td.alarm_state{float:left}#event_log_box #event_list{overflow-x:hidden;overflow-y:auto;flex:1;text-align:top;color:#fff;box-sizing:border-box;border-collapse:collapse}#event_log_box #event_list .td .name{color:#fff;cursor:pointer}#event_log_box #event_list .td .alarm{color:red}#event_log_box #event_list .td .warning{color:#ff0}#event_log_box #event_list .td .normal{color:green}#event_log_box #event_list .td .off{color:#555}#event_log_box #event_list .tr.timebreak .td{padding-top:30px}#event_log_box #event_list .tr.timebreak2 .td{padding-top:100px}#event_log_box #event_list .tr.alarm{color:red}#event_log_box #event_list .tr.warning{color:#ff0}#event_log_box #event_list .tr.normal{color:lime}#event_log_box #event_list .event{color:#999}.PAGE .prefix,.PAGE .level{float:right;border-radius:5px;padding:5px 10px;margin:25px 15px;cursor:pointer}.PAGE .prefix.on,.PAGE .level.on{border:4px inset #999;background-color:rgba(255,255,255,.2)}.PAGE .prefix.off,.PAGE .level.off{border:4px outset #999;background-color:rgba(0,0,0,.1)}#LINK{display:flex;flex-direction:column;min-height:100vh}#LINK #header{overflow:hidden;border-bottom:3px dashed aqua}#LINK #body{flex-grow:1;overflow:auto}#LINK #body iframe{border:none;background-color:#fff;width:100%;height:100%}#LINK #footer{border-top:3px dashed aqua;overflow:hidden}#MAIN #screen>.widget{color:#aaa;font-size:12px;user-select:none}#MAIN #screen>.widget .title{border-bottom:2px solid #fff;color:#fff;font-size:14px;padding-bottom:5px;margin-bottom:5px;font-weight:bold;text-align:left}#MAIN #screen>.widget .title:empty{display:none}#MAIN #screen>.widget .title:blank{border-bottom:none}#MAIN #screen>.widget .title:empty{border-bottom:none}#MAIN #screen>.widget .unit{opacity:.6;padding:0 !important;text-align:left !important}#MAIN #screen>.widget.DarkSky{border-radius:10px}#MAIN #screen>.widget.Label.note{margin:0;background:linear-gradient(90deg, #333, #555);border-right:5px solid #aaa;padding:5px;box-sizing:border-box}#MAIN #screen>.widget.Label.title{color:#fff;font-size:14px;border-bottom:3px solid #fff}#MAIN #screen>.widget.Label.heading{color:#fff;font-size:20px}#MAIN #screen>.widget.Label.plain{color:#aaa;font-size:12px}#MAIN #screen>.widget.Label.left{text-align:left}#MAIN #screen>.widget.Label.center{text-align:center}#MAIN #screen>.widget.Label.right{text-align:right}#MAIN #screen>.widget.Label.underline{border-bottom:3px solid #fff}#MAIN #screen>.widget.Label.box{outline:3px solid #fff}#MAIN #screen>.widget.Label.group fieldset{color:#fff;font-size:14px;font-weight:bold;margin-top:0;pointer-events:none}#MAIN #screen>.widget.Label.group fieldset legend{padding-left:15px;padding-right:15px}#MAIN #screen>.widget.Image img{width:100%;height:100%;object-fit:contain}#MAIN #screen>.widget.Table{overflow:auto}#MAIN #screen>.widget.Table .arrow{display:inline-block;transition:all 250ms linear;color:#999}#MAIN #screen>.widget.Table.slideup #table{position:relative;top:-27px}#MAIN #screen>.widget.Table td:hover,#MAIN #screen>.widget.Table tr:hover{background-color:#111}#MAIN #screen>.widget.Table td.hilight,#MAIN #screen>.widget.Table tr.hilight{background-color:#222}#MAIN #screen>.widget.Table td.alarm_ack,#MAIN #screen>.widget.Table tr.alarm_ack{text-decoration:underline;text-decoration-color:red;text-decoration-style:dashed;text-decoration-skip-ink:auto}#MAIN #screen>.widget.Table td.alarm,#MAIN #screen>.widget.Table tr.alarm{color:red}#MAIN #screen>.widget.Table td.warning_ack,#MAIN #screen>.widget.Table tr.warning_ack{text-decoration:underline;text-decoration-color:#ff0;text-decoration-style:dashed;text-decoration-skip-ink:auto}#MAIN #screen>.widget.Table td.warning,#MAIN #screen>.widget.Table tr.warning{color:#ff0}#MAIN #screen>.widget.Table td.off,#MAIN #screen>.widget.Table tr.off{opacity:.5}#MAIN #screen>.widget.Table td{text-align:right;font-family:monospace;padding:2px;background-color:rgba(0,0,0,0);transition:color 1s linear}#MAIN #screen>.widget.Table td.flash{transition:color 0s linear;color:#fff}#MAIN #screen>.widget.Table th{text-align:left;color:#bbb;padding:2px}#MAIN #screen>.widget.Table th.right{text-align:right}#MAIN #screen>.widget.Table .unit{width:15px}#MAIN #screen>.widget.Webcam #cam{text-align:center}#MAIN #screen>.widget.Webcam #cam>img{max-width:100%;max-height:100%;border-radius:10px;cursor:pointer;width:100%}#MAIN #screen>.widget.OpLog #form{font-size:20pt;background-color:#333;padding:10px;border-radius:5px}#MAIN #screen>.widget.OpLog #form th{white-space:nowrap}#MAIN #screen>.widget.OpLog #form input,#MAIN #screen>.widget.OpLog #form textarea{font-size:20pt}#MAIN #screen>.widget.OpLog #form .description{font-size:18px;text-align:justify;margin-bottom:10px}#MAIN #screen>.widget.Annunciator #grid{display:flex;flex-wrap:wrap}#MAIN #screen>.widget.Annunciator #grid>div{flex-grow:1;flex-basis:60px;white-space:nowrap;border:4px outset #aaa;border-radius:3px;padding:4px;margin:2px;text-align:center;transition:background-color 200ms linear}#MAIN #screen>.widget.Annunciator #grid>div.alarm{background-color:red;color:#000}#MAIN #screen>.widget.Annunciator #grid>div.alarm_ack{color:red;border-color:red}#MAIN #screen>.widget.Annunciator #grid>div.warning{background-color:#ff0;color:#000}#MAIN #screen>.widget.Annunciator #grid>div.warning_ack{color:#ff0;border-color:#ff0}#MAIN #screen>.widget.Annunciator #grid>div.off{opacity:.5}#MAIN #screen>.widget.Annunciator #grid>div.normal{background-color:lime;color:#000}#MAIN #screen>.widget.Grid #grid{display:flex;flex-wrap:wrap}#MAIN #screen>.widget.Grid #grid>div{flex-grow:1;border:1px solid #aaa;padding:4px;margin:1px;text-align:center}#MAIN #screen>.widget.Grid #grid>div.alarm{color:red}#MAIN #screen>.widget.Grid #grid>div.warning{color:#ff0}#MAIN #screen>.widget.Grid #grid>div.off{opacity:.5}#MAIN #screen>.widget.Screen{outline:2px solid aqua}#MAIN #screen>.widget.Value.widget{white-space:nowrap;font-family:monospace}#MAIN #screen>.widget.Value.widget.alarm .val{color:red !important}#MAIN #screen>.widget.Value.widget.warning .val{color:#ff0 !important}#MAIN #screen>.widget.Value.widget.off .val{color:#333 !important}#MAIN #screen>.widget.Value.widget.fancy .image{float:left;padding-right:10px;font-size:165%;height:100%}#MAIN #screen>.widget.Value.widget.fancy .image img{height:100%}#MAIN #screen>.widget.Value.widget.fancy .icon{padding-top:5px;float:right}#MAIN #screen>.widget.Value.widget.fancy .name{color:rgba(255,255,255,.5);font-family:"Lucida Grande",Lucida,Verdana,sans-serif;font-size:93%}#MAIN #screen>.widget.Value.widget.fancy .val{color:rgba(255,255,255,.8);font-size:120%}#MAIN #screen>.widget.Value.widget.fancy .delta{float:right;padding-top:5px;font-size:90%}#MAIN #screen>.widget.Value.widget.fancy .delta i{padding-left:5px;margin-top:-2px}#MAIN #screen>.widget.Value.widget.fancy .delta.rising{color:green}#MAIN #screen>.widget.Value.widget.fancy .delta.falling{color:red}#MAIN #screen>.widget.Value.widget.fancy .description{color:rgba(255,255,255,.4);font-size:80%;clear:both}#MAIN #screen>.widget.Button,#MAIN #screen>.widget.Button .widget .Button{width:100%;height:100%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#MAIN #screen>.widget.Button:active,#MAIN #screen>.widget.Button:focus,#MAIN #screen>.widget.Button .widget .Button:active,#MAIN #screen>.widget.Button .widget .Button:focus{background-color:#fff;outline:none}#MAIN #screen>.widget.Button.disabled,#MAIN #screen>.widget.Button .widget .Button.disabled{opacity:.5;pointer-events:none;cursor:not-allowed;border:none !important}#MAIN #screen>.widget.Button.transparent,#MAIN #screen>.widget.Button .widget .Button.transparent{background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);border:none}#MAIN #screen>.widget.Button.transparent:hover,#MAIN #screen>.widget.Button .widget .Button.transparent:hover{border:3px solid aqua}#MAIN #screen>.widget.Button.default,#MAIN #screen>.widget.Button .widget .Button.default{border-radius:15px;color:#494949;text-shadow:0 1px 5px #fff;font-size:20px;font-weight:bold;border:1px solid rgba(0,0,0,.67);min-height:25px;padding:0 10px;background:linear-gradient(to bottom, #c3c3c3 2.9%, #bbb 40.6%, #c9c9c9 55.8%, #c7c7c7 100%) #bbb}#MAIN #screen>.widget.Button.default .icon,#MAIN #screen>.widget.Button .widget .Button.default .icon{width:25px}#MAIN #screen>.widget.Button.default:hover,#MAIN #screen>.widget.Button .widget .Button.default:hover{z-index:100}#MAIN #screen>.widget.Button.default:active,#MAIN #screen>.widget.Button .widget .Button.default:active{outline:none}#MAIN #screen>.widget.Button.default.current,#MAIN #screen>.widget.Button .widget .Button.default.current{background:#fff;text-shadow:2px 3px 5px #999;border:3px solid aqua}#MAIN #screen>.widget.Button.default.clicked,#MAIN #screen>.widget.Button .widget .Button.default.clicked{color:aqua;text-shadow:2px 3px 5px #999;border:3px solid #069;animation-duration:600ms;animation-name:activepulse;animation-iteration-count:infinite;animation-direction:alternate}#MAIN #screen>.widget.Button.alarm,#MAIN #screen>.widget.Button .widget .Button.alarm{animation-duration:500ms;animation-name:alarmblink;animation-iteration-count:infinite;animation-direction:alternate}#MAIN #screen>.widget.Button.warning,#MAIN #screen>.widget.Button .widget .Button.warning{animation-duration:750ms;animation-name:warningblink;animation-iteration-count:infinite;animation-direction:alternate}@keyframes alarmblink{from{color:#494949}to{color:red}}@keyframes warningblink{from{color:#494949}to{color:#adad01}}@keyframes activepulse{0%{border:3px solid aqua}100%{border:3px solid #0aa}}#MAIN #screen>.widget.Days{box-sizing:border-box}#MAIN #screen>.widget.Days table{table-layout:fixed;width:100%}#MAIN #screen>.widget.Days table:hover td{color:rgba(255,255,255,.5) !important}#MAIN #screen>.widget.Days table td{font-size:10px;transition:color 5s;color:rgba(255,255,255,.1)}#MAIN #screen>.widget.Days table td.weekend{color:rgba(255,255,255,.1)}#MAIN #screen>.widget.Days table td.today{border-color:#069;font-weight:bold;color:#fff}#MAIN #screen>.widget.Days table td.missing{opacity:.6;background-color:#333;background:repeating-linear-gradient(45deg, #111, #111 7px, #444 7px, #444 12px)}#MAIN #screen>.widget.Days table td.loading{outline:1px dashed #555}#MAIN #screen>.widget.Days table td.future{opacity:.4}#MAIN #screen>.widget.Days table td.warning{border:1px solid #ff0}#MAIN #screen>.widget.Days table td.alarm{border:1px solid red}#MAIN #screen>.widget.Days table th{width:65px}#MAIN #screen>.widget.Days table th.weekend{color:rgba(255,255,255,.4)}#MAIN #screen>.widget.Group fieldset{color:#fff;font-size:14px;font-weight:bold;margin-top:0;pointer-events:none}#MAIN #screen>.widget.Group fieldset.noborder{border:none}#MAIN #screen>.widget.Group #widget_box{display:flex;flex-wrap:wrap;position:absolute;left:0;top:0;margin-bottom:10px;overflow:hidden}#MAIN #screen>.widget.Group #widget_box.spread{justify-content:space-around;align-content:center}#MAIN #screen>.widget.Group #widget_box .widget{flex-grow:0;position:relative;left:0 !important;top:0 !important}#MAIN #screen>.widget.Group #widget_box .widget.box{border:1px dashed #555}#MAIN #screen>.widget.Menu .Button,#MAIN #screen>.widget.Menu .Button .widget .Button{width:100%;height:100%;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#MAIN #screen>.widget.Menu .Button:active,#MAIN #screen>.widget.Menu .Button:focus,#MAIN #screen>.widget.Menu .Button .widget .Button:active,#MAIN #screen>.widget.Menu .Button .widget .Button:focus{background-color:#fff;outline:none}#MAIN #screen>.widget.Menu .Button.disabled,#MAIN #screen>.widget.Menu .Button .widget .Button.disabled{opacity:.5;pointer-events:none;cursor:not-allowed;border:none !important}#MAIN #screen>.widget.Menu .Button.transparent,#MAIN #screen>.widget.Menu .Button .widget .Button.transparent{background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);border:none}#MAIN #screen>.widget.Menu .Button.transparent:hover,#MAIN #screen>.widget.Menu .Button .widget .Button.transparent:hover{border:3px solid aqua}#MAIN #screen>.widget.Menu .Button.default,#MAIN #screen>.widget.Menu .Button .widget .Button.default{border-radius:15px;color:#494949;text-shadow:0 1px 5px #fff;font-size:20px;font-weight:bold;border:1px solid rgba(0,0,0,.67);min-height:25px;padding:0 10px;background:linear-gradient(to bottom, #c3c3c3 2.9%, #bbb 40.6%, #c9c9c9 55.8%, #c7c7c7 100%) #bbb}#MAIN #screen>.widget.Menu .Button.default .icon,#MAIN #screen>.widget.Menu .Button .widget .Button.default .icon{width:25px}#MAIN #screen>.widget.Menu .Button.default:hover,#MAIN #screen>.widget.Menu .Button .widget .Button.default:hover{z-index:100}#MAIN #screen>.widget.Menu .Button.default:active,#MAIN #screen>.widget.Menu .Button .widget .Button.default:active{outline:none}#MAIN #screen>.widget.Menu .Button.default.current,#MAIN #screen>.widget.Menu .Button .widget .Button.default.current{background:#fff;text-shadow:2px 3px 5px #999;border:3px solid aqua}#MAIN #screen>.widget.Menu .Button.default.clicked,#MAIN #screen>.widget.Menu .Button .widget .Button.default.clicked{color:aqua;text-shadow:2px 3px 5px #999;border:3px solid #069;animation-duration:600ms;animation-name:activepulse;animation-iteration-count:infinite;animation-direction:alternate}#MAIN #screen>.widget.Menu .Button.alarm,#MAIN #screen>.widget.Menu .Button .widget .Button.alarm{animation-duration:500ms;animation-name:alarmblink;animation-iteration-count:infinite;animation-direction:alternate}#MAIN #screen>.widget.Menu .Button.warning,#MAIN #screen>.widget.Menu .Button .widget .Button.warning{animation-duration:750ms;animation-name:warningblink;animation-iteration-count:infinite;animation-direction:alternate}@keyframes alarmblink{from{color:#494949}to{color:red}}@keyframes warningblink{from{color:#494949}to{color:#adad01}}@keyframes activepulse{0%{border:3px solid aqua}100%{border:3px solid #0aa}}#MAIN #screen>.widget.Menu #widget_box{display:flex;align-items:stretch;width:100%;position:absolute;left:0;top:0;margin-bottom:10px;overflow:hidden}#MAIN #screen>.widget.Menu #widget_box .widget{flex-grow:1;flex-basis:20%;width:auto !important;height:auto !important;left:0 !important;top:0 !important;position:relative;min-height:25px;padding:0px 10px}#MAIN #screen>.widget.Toggle{cursor:pointer}#MAIN #screen>.widget.Toggle #ring{border:3px solid aqua;border-radius:18px;width:38px;height:18px}#MAIN #screen>.widget.Toggle #slider{background-color:aqua;border-radius:13px;width:13px;height:13px;transform:translate(2.5px, 2.5px);transition:200ms ease-out}#MAIN #screen>.widget.Toggle #slider.on{transform:translate(22px, 2.5px)}#MAIN #screen>.widget.Toggle #label{position:absolute;left:48px;top:5px}#MAIN #screen>.widget.Checkbox{cursor:pointer}#MAIN #screen>.widget.Checkbox #ring{border:3px solid aqua;border-radius:6px;width:18px;height:18px}#MAIN #screen>.widget.Checkbox #slider{background-color:rgbaa(0, 0, 0, 0);border-radius:3px;width:13px;height:13px;transform:translate(2.5px, 2.5px);transition:200ms ease-out}#MAIN #screen>.widget.Checkbox #slider.on{background-color:aqua}#MAIN #screen>.widget.Checkbox #label{position:absolute;left:28px;top:5px}#MAIN #screen>.widget.Keypad.widget{overflow:visible;background-color:rgba(0,0,0,.5)}#MAIN #screen>.widget.Keypad.widget fieldset{margin-top:auto;border-color:aqua;border-width:3px;text-align:center;cursor:pointer;background-color:rgba(0,0,0,.8)}#MAIN #screen>.widget.Keypad.widget fieldset.shadow{box-shadow:0px 0px 40px 40px rgba(0,0,0,.8);z-index:100}#MAIN #screen>.widget.Keypad.widget fieldset #inputbox{display:none}#MAIN #screen>.widget.Keypad.widget fieldset #inputbox input{width:90%;text-align:center}#MAIN #screen>.widget.Keypad.widget #keypad{height:auto;display:none;z-index:20}#MAIN #screen>.widget.Keypad.widget #keypad table{padding-top:5px;width:100%;min-width:130px}#MAIN #screen>.widget.Keypad.widget #keypad table tbody td{width:33%;border:2px solid aqua;text-align:center;padding:5px;border-radius:5px;cursor:pointer;transition:all .1s ease-in-out;background-color:#000}#MAIN #screen>.widget.Keypad.widget #keypad table tbody td .label{display:none}#MAIN #screen>.widget.Keypad.widget #keypad table tbody td:active{border-color:#fff;color:#fff;transform:scale(1.2)}#MAIN #screen>.widget.Keypad.widget #keypad table tfoot td{text-align:center;font-size:10px}#MAIN #screen>.widget.Keypad.widget #keypad table thead td{font-size:10px;text-justify:full}#MAIN #screen>.widget.List.flex{display:flex;flex-direction:column}#MAIN #screen>.widget.List #list{flex-grow:1;overflow-x:hidden;overflow-y:auto;flex:1;text-align:top;color:#fff;box-sizing:border-box;height:100%}#MAIN #screen>.widget.List #list .table{width:100%;display:table}#MAIN #screen>.widget.List #list .tr{display:table-row;padding-bottom:5px}#MAIN #screen>.widget.List #list .td{vertical-align:top;display:table-cell;padding:2px}#MAIN #screen>.widget.List #list .td .name{color:#fff;cursor:pointer}#MAIN #screen>.widget.List #list .td .alarm{color:red}#MAIN #screen>.widget.List #list .td .warning{color:#ff0}#MAIN #screen>.widget.List #list .td .normal{color:green}#MAIN #screen>.widget.List #list .td .off{color:#555}#MAIN #screen>.widget.List #list .tr.alarm{color:red}#MAIN #screen>.widget.List #list .tr.warning{color:#ff0}#MAIN #screen>.widget.List #list .tr.normal{color:lime}#MAIN #screen>.widget.List #list .event{color:#999;display:block}#MAIN #screen>.widget.List .pill{float:left;padding:5px;color:#eee;border-radius:5px;transform:scale(1);display:none;transition:5s linear;margin:3px;white-space:nowrap}#MAIN #screen>.widget.List .pill.alarm{display:inline;border:3px solid red;background-color:rgba(255,0,0,.2)}#MAIN #screen>.widget.List .pill.alarm_ack{color:#aaa;display:inline;border:3px dashed red;background-color:rgba(255,0,0,.2)}#MAIN #screen>.widget.List .pill.warning{display:inline;border:3px solid #ff0;background-color:rgba(255,255,0,.2)}#MAIN #screen>.widget.List .pill.warning_ack{color:#aaa;display:inline;border:3px dashed #ff0;background-color:rgba(255,255,0,.2)}#MAIN #screen>.widget.List .pill.flash{background-color:rgba(255,255,255,.5)}#MAIN #screen>.widget.List .pill .name{padding-right:5px}#MAIN #screen>.widget.Maintenance .symbol{font-family:monospace;font-size:9px;font-weight:bold;color:#000;border-radius:15px;padding:3px;width:25px;text-align:center}#MAIN #screen>.widget.Maintenance .symbol.overdue{animation:task_blinker .75s linear infinite}#MAIN #screen>.widget.Maintenance .symbol.soon{animation:task_blinker 3s linear infinite}@keyframes task_blinker{50%{transform:scale(1.5)}}#MAIN #screen>.widget.Maintenance #schedule{border-bottom:1px solid #fff}#MAIN #screen>.widget.Maintenance #schedule #schedulebox{width:100%;margin-bottom:5px}#MAIN #screen>.widget.Maintenance #schedule #schedulebox .symbol{position:relative;cursor:pointer}#MAIN #screen>.widget.Maintenance #schedule #schedulebox td{border-top:1px solid #999;border-right:1px dashed #333}#MAIN #screen>.widget.Maintenance #schedule #schedulebox th{width:100px;background-color:#111;padding:5px}#MAIN #screen>.widget.Maintenance #schedule #schedulebox th.hourscol{text-align:right;border-right:1px solid #555}#MAIN #screen>.widget.Maintenance #schedule #schedulebox th.device{text-align:left;border-top:none;width:100px}#MAIN #screen>.widget.Maintenance #footer button{padding:10px;border-radius:5px}#MAIN #screen>.widget.Maintenance #footer .click{color:aqua}#MAIN #screen>.widget.Maintenance #footer #legend{color:#999;font-size:10px;width:100%}#MAIN #screen>.widget.Maintenance #footer #legend .symbolcol{text-align:center}#MAIN #screen>.widget.Maintenance #footer tr.header td{background-color:#111;padding:5px}#MAIN #screen>.widget.Maintenance #footer .notice{color:#ff0}#MAIN #screen>.widget.DashLights{font-size:20px}#MAIN #screen>.widget.DashLights #dash{display:flex}#MAIN #screen>.widget.DashLights #dash .light{padding:5px;flex-grow:1;text-align:center;color:#555;transition:all 1s cubic-bezier(0.89, 0.53, 0.51, 1.42);text-shadow:0px 0px 5px #ccc}#MAIN #screen>.widget.DashLights #dash .light.alarm{transform:scale(1.5);color:red}#MAIN #screen>.widget.DashLights #dash .light.yellow{transform:scale(1.5);color:#ff0}

/*# sourceMappingURL=main.css.map*/