@import "https://fonts.googleapis.com/css?family=Lato";*{box-sizing:border-box;text-indent:0;margin:0;padding:0;font-family:Lato,Calibri}html,body,.root,.page{height:100%;background:#e8e8e8}.content{min-height:100%;background:#e8e8e8}.content-inside{text-align:center;padding-bottom:58px}.root,.page-switcher{height:100%}.footer{height:32px;clear:both;background:#222;margin-top:-32px}.header{text-align:left;color:#fff;background:#1e87f0;margin-bottom:20px;padding:8px 12px;position:relative}.tf-form-labeled-number{margin-top:8px}.tf-form-labeled-number .label{min-width:182px;margin-right:12px;display:inline-block}.tf-form-labeled-number .input{width:100px}.PanelPage{position:relative}.PanelPage.body{margin:0;padding:0 0 180px;position:relative}.PanelPage.body .server-id{color:#dcdcdc;font-size:200px;line-height:200px;position:absolute;bottom:-16px;right:4px}@media screen and (max-width:660px){.server-id{bottom:0}}.ClearableTextInput .x{cursor:pointer;color:#ff5b5b;font-size:28px;position:absolute;top:-2px;right:8px}.ClearableTextInput .x:hover{color:red}.row{clear:both;display:block}.row+.row{margin-top:4px}.led{width:16px;height:16px;border-radius:50%;margin:0;display:inline-block;transform:translateY(2px);transition:background-color 50ms!important}.tf-snack{opacity:.98;color:#fcfcfc;min-width:360px;min-height:140px;z-index:200;background:#fff;border:1px solid #f2f2f2;border-radius:2px;padding:0;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 30px #0000001a}.tf-snack .tf-snack-label{color:#444;margin:8px;font-size:18px;font-weight:700}.tf-snack .tf-snack-content{color:#888;margin:8px 12px 12px;font-size:16px}.tf-snack .tf-snack-x{cursor:pointer;color:#f0506e;font-size:24px;position:absolute;top:-2px;right:10px}.tf-snack .tf-snack-x:hover{color:#cc0a2e}@media (max-width:600px){.tf-snack{min-width:unset;width:100vw;max-width:100vw;bottom:0;right:0}}.tf-snack.error{color:#e5e5e5;background:#f0506e;border-color:#d03f5e}.tf-snack.error .tf-snack-label{color:#fff;font-weight:400}.tf-snack.error .tf-snack-text{color:#c8c8c8}.tf-snack.error .tf-snack-x{color:#fff}.menu{z-index:100;white-space:nowrap;background:#f8fafc;border-radius:.5rem;padding:.5rem;position:absolute;top:0;right:0;box-shadow:0 8px 12px #00000059}.popup-menu{position:relative}.menu-up{bottom:0;top:unset}.menu-item{color:#374151;cursor:pointer;border-radius:.375rem;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.menu-item:hover{color:#2563eb;background-color:#e4e4e4}.LoginPage.body{width:50%}.LoginPage.footer{text-align:center;padding:4px}.LoginPage.footer span{color:#999;font-size:13px}.LoginPage .info{width:100%;color:#fcfcfc;text-align:center;background:#e27c00;margin-top:8px;padding:18px 48px}@media screen and (max-width:660px){.LoginPage.body{width:90%}}.DeviceBox{width:220px;height:280px;background-color:#f5f5f5;border-radius:2px;margin:8px;display:inline-block;position:relative}.DeviceBox .DeviceConnectionStatusIcon{width:20px;height:20px;float:left;margin-top:2px;margin-left:4px}.DeviceBox .id{float:left;color:#222;margin-top:4px;margin-left:4px;font-size:15px;font-weight:700}.DeviceBox .HotspotIcon{float:left;color:#999;margin-top:2px;margin-left:4px;font-size:16px}.DeviceBox .password{float:left;clear:both;color:#222;cursor:pointer;margin-left:28px;font-size:12px}.DeviceBox .counters{color:#222;background-color:none;text-align:left;margin:4px 8px 8px;padding:0;font-size:14px;position:relative}.DeviceBox .counters .watchers-count{float:right;color:#222;cursor:pointer;font-size:14px;font-weight:700}.DeviceBox .counters .pictures-count{float:left;color:#222;font-size:14px;font-weight:700}.DeviceBox .counters .pictures-size{float:left;color:#999;margin-top:2px;margin-left:6px;font-size:12px}.DeviceBox .counters .reboots-count{float:left;color:#222;margin-left:4px;font-size:14px;font-weight:700}.DeviceBox .picture-box{height:200px;cursor:pointer;border:1px dashed #aaa;margin:52px 8px 0;position:relative}.DeviceBox .picture-box .image{width:100%;height:100%;display:flex}.DeviceBox .picture-box .no-image{width:100%;opacity:.04;font-size:130px}.DeviceBox .picture-box .image-size{color:#999;font-size:11px;position:absolute;bottom:2px;right:4px}.DeviceBox .picture-box .picture-info{color:#999;font-size:11px;position:absolute;top:2px;right:4px}.DeviceBox .picture-box .time{color:#999;font-size:11px;position:absolute;bottom:2px;left:4px}.DeviceBox .picture-box .refresh-btn{color:#ccc;opacity:.2;z-index:100;font-size:64px;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%);width:auto!important;height:auto!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.DeviceBox .picture-box:hover .refresh-btn{color:#aaa;font-size:82px;transition:font-size .2s ease-in-out}.DeviceBox .picture-box .refresh-btn:hover{color:#fff;opacity:1}.DeviceBox .picture-box:hover .time,.DeviceBox .picture-box:hover .picture-info,.DeviceBox .picture-box:hover .image-size{color:#fff;background:#222;padding:2px 6px}@media screen and (max-width:660px){.DeviceBox{width:96%;height:420px;margin:8px auto}.DeviceBox .picture-box{height:340px}.DeviceBox .picture-box .no-image{width:100%;opacity:.04;font-size:220px}}.tooltip{display:inline-block;position:relative}.tooltip-text{color:#222;white-space:nowrap}.tooltip-text-on-hover{visibility:hidden;color:#fff;text-align:center;z-index:1;white-space:nowrap;background-color:#092e52;border-radius:3px;padding:4px 8px;position:absolute;bottom:100%;left:10%}.tooltip:hover .tooltip-text-on-hover{visibility:visible}.DeviceMenuButton{width:72px;height:70px;cursor:pointer;background-color:#fff;margin:4px;padding:4px;display:inline-block}.DeviceMenuButton:hover{background-color:#eaeaea}.DeviceMenuButton .icon{width:100%;text-align:center;font-size:24px;display:block}.DeviceMenuButton .label{width:100%;text-align:center;white-space:nowrap;margin-top:4px;font-size:12px;display:block}.tf-shutter{-webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%;z-index:50;background-color:#0000003d;position:fixed;top:0;left:0}.tf-modal-window{max-width:100%;max-height:100%;z-index:100;background-color:#f8f8f8;border:1px solid #eee;flex-direction:column;gap:0;padding:0;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #3c457a40,0 1.5px 5px #1e87f014}.tf-modal-window-content{background-color:#f8f8f8;flex-grow:1;padding:16px;display:block;overflow-y:auto}.tf-modal-window-header{width:100%;height:44px;background-color:#1e87f0;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin:0;display:flex;position:relative}.tf-modal-window-header-title-section{color:#f3f3f3;margin-left:16px;display:block;position:relative}.tf-modal-window-header-buttons-section{color:#f3f3f3;margin-right:16px;display:block;position:relative}.tf-modal-window-close{color:#e8e8e8;cursor:pointer;font-size:24px}.tf-modal-window-close:hover{color:tomato}.tf-modal-window-footer{max-height:100px;overflow:none;text-align:right;background-color:#f8f8f8;padding:12px;display:block}.tf-window-content-two-columns{flex-direction:row;display:flex}.tf-window-content-two-columns div{width:50%;display:block}@media (max-width:600px){.tf-modal-window{max-width:98%}.tf-modal-window-content{padding:12px}}
/*# sourceMappingURL=index.346012b7.css.map */