/*! * * react-simple-keyboard v2.1.47 * https://github.com/hodgef/react-simple-keyboard * * Copyright (c) Francisco Hodge (https://github.com/hodgef) * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * *//*! * * simple-keyboard v2.27.38 * https://github.com/hodgef/simple-keyboard * * Copyright (c) Francisco Hodge (https://github.com/hodgef) * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * */body,html{margin:0;padding:0}.simple-keyboard{box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.simple-keyboard .hg-row{display:flex}.simple-keyboard .hg-row:not(:last-child){margin-bottom:5px}.simple-keyboard .hg-row .hg-button-container,.simple-keyboard .hg-row .hg-button:not(:last-child){margin-right:5px}.simple-keyboard .hg-row>div:last-child{margin-right:0}.simple-keyboard .hg-row .hg-button-container{display:flex}.simple-keyboard .hg-button{cursor:pointer;display:inline-block;flex-grow:1}.simple-keyboard .hg-button span{pointer-events:none}.simple-keyboard.hg-theme-default{background-color:rgba(0,0,0,.1);border-radius:5px;padding:5px}.simple-keyboard.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.simple-keyboard.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.simple-keyboard button.hg-button{border-width:0;font-size:inherit;outline:0}.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd,.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.simple-keyboard.hg-theme-default .hg-button.hg-button-com{max-width:85px}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.simple-keyboard.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}@font-face{font-family:Oxygen-Regular;src:url(/static/media/Oxygen-Regular.29094dfc6ebc69161a36.ttf)}@font-face{font-family:Oxygen-Bold;src:url(/static/media/Oxygen-Bold.b40fafbc1f1a8276b51a.ttf)}@font-face{font-family:Oxygen-Light;src:url(/static/media/Oxygen-Light.9e7e774abe294e0c7379.ttf)}@font-face{font-family:Ds-digi;src:url(/static/media/DS-DIGI.0ef0e2249326c34137c8.TTF)}@font-face{font-family:Lao-UI-Bold;src:url(/static/media/LaoUIb.0f723a39f5219f0f3ab0.ttf)}@font-face{font-family:Seven-Segment;src:url(/static/media/Seven.3ee4f8118d9db6b61456.ttf)}@font-face{font-family:Orbitron;src:url(/static/media/Orbitron-Regular.0c8a947e2b163c4bd485.ttf)}@font-face{font-family:Handlee-Regular;src:url(/static/media/Handlee-Regular.54590e94ca812eefb4fd.ttf)}.container{bottom:58px;left:105px;overflow:auto;padding-top:6px;position:absolute;right:5px}.container .page-wrapper{height:100%}.popupVisible .container{display:none}@media(max-width:600px){.container{bottom:75px}}.justify-content-left{justify-content:left!important}*{box-sizing:border-box;outline:none}html{height:100%}body{margin:0;width:100%}body,ul{padding:0}ul{list-style:none}button{background-color:initial;border:0}.button{border:2px solid transparent;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;outline:none;padding:7px 15px;text-align:center;transition:all .1s ease-in}.button.block{display:block}.button>img{margin-right:7px;width:30px}.button>img,.button>span{vertical-align:middle}.button.lg{font-size:16px;padding:8px 19px}.button.lg>img{width:35px}.button.button-theme{border-color:#fff;color:#fff}.button.button-outline-green{border-color:#00ff9a;color:#00ff9a}.button.button-outline-blue{border-color:#08e2fd;color:#08e2fd}.button.button-outline-red{border-color:#ff5a5b;color:#ff5a5b}.button.button-transparent{background:rgba(0,0,0,.6);box-shadow:0 1px 7px 2px rgba(0,0,0,.2)}.button.button-blue{background:#0d4a6d}.button.button-red{background:#6e0d21}.button.button-yellow{background:#756c0a}.button.button-purple{background:#450f79}.button.button-info{background:#096178}.button.button-green{background:#0d6d24}.button.button-rounded{border-radius:50px}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-25{margin-top:25px!important}.mt-30{margin-top:30px!important}.mt-35{margin-top:35px!important}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-65{margin-top:65px!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-25{margin-bottom:25px!important}.mb-30{margin-bottom:30px!important}.ml-5{margin-left:5px!important}.ml-10{margin-left:10px!important}.ml-15{margin-left:15px!important}.ml-20{margin-left:20px!important}.ml-25{margin-left:25px!important}.ml-30{margin-left:30px!important}.mr-5{margin-right:5px!important}.mr-10{margin-right:10px!important}.mr-15{margin-right:15px!important}.mr-20{margin-right:20px!important}.mr-25{margin-right:25px!important}.mr-30{margin-right:30px!important}.p-40{padding:40px!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-15{padding-top:15px!important}.pt-20{padding-top:20px!important}.pt-25{padding-top:25px!important}.pt-30{padding-top:30px!important}.pt-35{padding-top:35px!important}.pt-40{padding-top:40px!important}.pt-50{padding-top:50px!important}.pt-60{padding-top:60px!important}.pt-65{padding-top:65px!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-15{padding-bottom:15px!important}.pb-20{padding-bottom:20px!important}.pb-25{padding-bottom:25px!important}.pb-30{padding-bottom:30px!important}.pl-5{padding-left:5px!important}.pl-10{padding-left:10px!important}.pl-15{padding-left:15px!important}.pl-20{padding-left:20px!important}.pl-25{padding-left:25px!important}.pl-30{padding-left:30px!important}.pl-80{padding-left:80px!important}.pr-5{padding-right:5px!important}.pr-10{padding-right:10px!important}.pr-15{padding-right:15px!important}.pr-20{padding-right:20px!important}.pr-25{padding-right:25px!important}.pr-30{padding-right:30px!important}.pr-80{padding-right:80px!important}.ng5-slider{margin:30px 0 0!important}.ng5-slider.ng5-slider-vertical{margin:0 8px!important}.ng5-slider .ng5-slider-bar{background:hsla(0,0%,100%,.66)!important}.ng5-slider .ng5-slider-pointer{background-color:#42b6c2!important;height:22px!important;top:-9px!important;width:12px!important}.ng5-slider .ng5-slider-pointer:after{background-color:initial!important}.ng5-slider .ng5-slider-span{color:transparent!important}body,html{overscroll-behavior:none!important}body .call-screen-wrapper,body .main,body .settings-page-container.background-settings{background-image:url(/static/media/9.7693ccd07a7ca3170275.png)}.keyboard{background-color:#fff;bottom:0;left:0;position:fixed;right:0;z-index:1002}.keyboard .simple-keyboard.hg-theme-ios{border-top-left-radius:0!important;border-top-right-radius:0!important;margin:auto}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-row .hg-button{cursor:pointer;flex-grow:1;max-width:none}.keyboard .simple-keyboard.hg-theme-ios .hg-row{display:flex}.keyboard .simple-keyboard.hg-theme-ios .hg-row:not(:last-child){margin-bottom:5px}.keyboard .simple-keyboard.hg-theme-ios .hg-row .hg-button:not(:last-child){margin-right:5px}.keyboard .simple-keyboard.hg-theme-ios .hg-row:nth-child(2){margin-left:18px;margin-right:18px}.keyboard .simple-keyboard.hg-theme-ios.hg-layout-numpad .hg-row:nth-child(2),.keyboard .simple-keyboard.hg-theme-ios.hg-layout-numpad-extended .hg-row:nth-child(2){margin-left:0;margin-right:0}.keyboard .simple-keyboard.hg-theme-ios.hg-layout-numpad-extended .hg-button.hg-button-backspace,.keyboard .simple-keyboard.hg-theme-ios.hg-layout-numpad-extended .hg-button.hg-button-empty{flex-grow:.5}.keyboard .simple-keyboard.hg-theme-ios.hg-layout-numpad-extended .hg-button[data-skbtn="-"],.keyboard .simple-keyboard.hg-theme-ios.hg-layout-numpad-extended .hg-button[data-skbtn="."]{background:#fff;flex:.5 1}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default{background-color:rgba(0,0,0,.1);border-radius:5px;padding:5px}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default.hg-layout-custom{background-color:#e5e5e5;padding:5px}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:none;box-sizing:border-box;cursor:pointer;display:flex;font-size:20px;font-weight:400;height:60px;justify-content:center;max-width:60px;min-height:60px;min-width:60px;padding:0}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button:active,.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button:focus{background:#e4e4e4}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button.hg-functionBtn{background-color:#adb5bb}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button.hg-button-shift,.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button.hg-button-shift-activated,.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button.hg-button-space{background-color:#fff}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button-space{max-width:448px;min-width:448px}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button-enter{max-width:110px;min-width:110px}.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button-alt-right,.keyboard .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button-back{max-width:80px;min-width:80px}.keyboard.horizontal,.keyboard.none{margin:auto;max-width:1024px}.keyboard.vertical{margin:auto;max-width:600px}.keyboard.vertical .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button{height:39px;min-height:39px;min-width:39px;width:39px}.keyboard.vertical .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button.hg-functionBtn:not(.hg-button-shift):not(.hg-button-shift-activated):not(.hg-button-shift-persisted){max-width:60px;min-width:60px}.keyboard.vertical .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button.hg-functionBtn:not(.hg-button-shift):not(.hg-button-shift-activated):not(.hg-button-shift-persisted).hg-button-space{max-width:none;min-width:auto}.keyboard.vertical .simple-keyboard.hg-theme-ios.hg-theme-default .hg-button.hg-functionBtn:not(.hg-button-shift):not(.hg-button-shift-activated):not(.hg-button-shift-persisted).hg-button-enter{max-width:75px;min-width:75px}.keyboard.vertical .simple-keyboard.hg-theme-ios.hg-theme-default.hg-layout-numpad .hg-button.hg-functionBtn:not(.hg-button-shift):not(.hg-button-shift-activated):not(.hg-button-shift-persisted),.keyboard.vertical .simple-keyboard.hg-theme-ios.hg-theme-default.hg-layout-numpad-extended .hg-button.hg-functionBtn:not(.hg-button-shift):not(.hg-button-shift-activated):not(.hg-button-shift-persisted){max-width:none}.call-screen-wrapper,.main,.settings-page-container.background-settings,body{background-attachment:fixed;background-color:#777;background-position:top;background-repeat:no-repeat;background-size:cover}:not(input):not(textarea){-webkit-user-select:none;-o-user-select:none;user-select:none}body{align-items:center;display:flex;font-family:Oxygen-Regular,Ubuntu,sans-serif;height:100vh;justify-content:center;overflow:hidden;width:100vw}body:after{bottom:0;content:"";position:absolute;top:0;width:100%;z-index:1}body #root{border:1px solid #777}::-webkit-scrollbar{background:transparent;height:0;width:0}.text-center{text-align:center}.left{float:left!important}.right{float:right!important}.position-relative{position:relative!important}.color-green{color:#00ff9a!important}.color-red{color:#ff5a5b!important}.color-blue{color:#08e2fd!important}.color-white{color:#fff!important}.float-left{float:left!important}.float-right{float:right!important}.device-menu-wrapper::-webkit-scrollbar{background:transparent;width:0}.device-menu-wrapper .device-menu{height:100%;white-space:nowrap;width:100%}.blur{-webkit-filter:blur(4px);filter:blur(4px);pointer-events:none}.cameras-parent{display:flex;flex-wrap:wrap;height:100%;padding-bottom:8px;padding-right:7px;width:100%}.image-parent{align-items:center;border:1px solid #000;display:flex;flex-basis:50%;flex-direction:column;height:50%;min-height:200px;position:relative}.image-parent:after{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;z-index:2}.image-parent .preview{height:100%;width:100%}.image-parent span{align-items:center;background:#00000099;bottom:0;color:#fff;display:flex;font-size:20px;height:30px;justify-content:center;left:0;position:absolute;right:0}.image-parent.selected{background-color:#000;bottom:0;display:block;height:100%;left:0;margin:auto;position:fixed;right:0;top:0;width:100%;z-index:9999}.image-parent.selected.horizontal,.image-parent.selected.none{max-height:600px;max-width:1024px}.image-parent.selected.vertical{max-height:1024px;max-width:600px}.image-parent.selected.vertical .preview{height:100%;object-fit:contain;width:100%}div.camera-button-component{position:absolute;right:8px;top:8px}div.camera-button-component div.camera-button{align-items:center;background-color:#00000070;color:#ffffff70;display:flex;font-size:24px;font-weight:700;height:45px;justify-content:center;margin-bottom:8px;width:76px}div.camera-button-component div.camera-button.active{color:#fff}.usb-camera-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.3rem 0;height:auto;justify-content:space-between;padding:.3rem;position:relative;width:100%}.usb-camera-container .usb-camera-box{align-items:center;border:1px solid rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;height:230px;justify-content:center;width:450px}.usb-camera-container .usb-camera-box .usb-camera-wrapper{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.usb-camera-container .usb-camera-box .usb-camera-info{align-items:center;background-color:rgba(0,0,0,.6);color:#fff;display:flex;height:30px;justify-content:center;padding:.2rem;width:100%}.usb-camera-container .usb-camera-big-screen-box{align-items:center;background-color:#000;bottom:0;color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:center;left:0;margin:auto;max-height:600px;max-width:1024px;position:fixed;right:0;top:0;width:100%;z-index:9999}.usb-camera-container .usb-camera-big-screen-box .usb-camera-big-screen-wrapper{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.usb-camera-container .usb-camera-big-screen-box .usb-camera-big-screen-info{align-items:center;background-color:rgba(0,0,0,.6);color:#fff;display:flex;height:58px;justify-content:center;padding:.2rem;width:100%}@media(max-width:600px){.cameras-parent{flex-direction:column;flex-wrap:nowrap}.usb-camera-container{gap:10px 0;justify-content:center}.usb-camera-container .usb-camera-box{height:435px;width:500px}.usb-camera-container .usb-camera-big-screen-box{max-height:1024px;max-width:600px}}.container.no-sidebar{left:5px}.container.fullscreen{bottom:0;left:0;margin:auto;padding:0;position:fixed;right:0;top:0;z-index:1001}.container.fullscreen.horizontal,.container.fullscreen.none{max-height:600px;max-width:1024px}.container.fullscreen.vertical{max-height:1024px;max-width:600px}iframe,iframe video,video{height:100%;width:100%}.page-wrapper.alarm{display:flex;flex:1 1;padding:30px 20px}.divider{background-color:hsla(0,0%,100%,.2);height:1px;margin-bottom:5px}.setup{display:flex;flex:1 1;flex-direction:column;margin-right:20px}.setup>div{background-color:#00000065;border:1px solid #656565;border-radius:15px}.buttons{align-items:center;background-color:purple;display:flex;flex:1 1;justify-content:space-between;margin-bottom:10px;padding:0 20px}.buttons.aborted{justify-content:center}.buttons .alarm-setup-button{align-items:center;display:flex;flex-direction:column;padding:10px 5px}.buttons .alarm-setup-button .image{align-items:center;background-color:#10121c7f;border:5px solid #8c9199;border-radius:50%;display:flex;height:110px;justify-content:center;margin-bottom:5px;overflow:hidden;padding:5px;width:110px}.buttons .alarm-setup-button .image.active{border-color:#86c88c}.buttons .alarm-setup-button .image.passive{border-color:#98951f}.buttons .alarm-setup-button .image.set{border-color:#449a31}.buttons .alarm-setup-button .image.abort{border-color:#bd1d26}.buttons .alarm-setup-button .image img{height:64px;object-fit:contain;width:64px}.buttons .alarm-setup-button span{color:#fff;height:40px;line-height:20px;max-width:100px;text-align:center}.timer{align-items:center;background-color:green;display:flex;flex:1 1;flex-direction:row;justify-content:space-between;margin-top:10px;padding:10px 20px}.timer.info{align-items:flex-start;flex:1 1;flex-direction:column;justify-content:flex-start;overflow:auto}.timer.info .information{align-items:center;color:#fff;display:flex;flex-direction:row}.timer.info .information img{height:60px;object-fit:contain;width:60px}.timer.info .information span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:400px}.timer .timer-setup{align-items:center;display:flex;flex-direction:column;height:100%}.timer .timer-setup>span{color:#fff;margin-bottom:10px}.timer .timer-setup .timer-rows{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.timer .timer-setup .timer-rows .timer-row{align-items:center;display:flex}.timer .timer-setup .timer-rows .timer-row .timer-image{align-items:center;border:1px dashed #116d7b;border-radius:50%;display:flex;height:64px;justify-content:center;margin-right:10px;overflow:hidden;width:64px}.timer .timer-setup .timer-rows .timer-row .timer-image img{height:40px;width:40px}.timer .timer-setup .timer-rows .timer-row .timer-input{align-items:center;background-color:rgba(39,39,39,.4);border:1px solid #656565;border-radius:10px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.timer>img{height:120px;width:120px}.timer .timer-counter{align-items:center;display:flex;flex-direction:column;height:170px;justify-content:space-between;width:142px}.timer .timer-counter span{color:#fff}.timer .timer-counter span.timer-countdown{font-size:120px}@media(max-width:610px){.page-wrapper.alarm{align-items:center;flex-direction:column;justify-content:center}.page-wrapper.alarm .keypad-wrapper{height:40%;margin-top:20px;width:100%}.page-wrapper.alarm .keypad-wrapper .keypad .keypad-row{padding:0 30px}.page-wrapper.alarm .setup{margin:0;width:100%}.page-wrapper.alarm .setup .timer.info .information{width:100%}}.keypad-wrapper{padding:0 70px;width:340px}.keypad-wrapper .pass-span{font-size:19px!important}.keypad-wrapper .keypad span{font-size:20px}.intercom-parent{display:flex;flex-wrap:wrap;height:100%;width:100%}.intercom-parent .intercom-image-parent{align-items:center;background:#00000099;display:flex;flex:1 1 400px;flex-direction:column;height:236px;padding:3px;position:relative}.intercom-parent .intercom-image-parent .preview{height:100%;object-fit:cover;width:100%}.intercom-parent .intercom-image-parent div.bottom-bar{align-items:center;background:#00000099;bottom:3px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:space-between;left:3px;padding:0 10px;position:absolute;right:3px}.intercom-parent .intercom-image-parent div.bottom-bar.disabled div{color:gray!important}.intercom-parent .intercom-image-parent div.bottom-bar.disabled div img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.intercom-parent .intercom-image-parent div.bottom-bar.yellow div{color:#ffc600}.intercom-parent .intercom-image-parent div.bottom-bar.blue div{color:#0cf}.intercom-parent .intercom-image-parent div.bottom-bar.pink div{color:#fe47ef}.intercom-parent .intercom-image-parent div.bottom-bar.lime div{color:#d1fe47}.intercom-parent .intercom-image-parent div.bottom-bar div{align-items:center;display:flex}.intercom-parent .intercom-image-parent div.bottom-bar img{height:40px;width:40px}@media(max-width:600px){.intercom-parent{flex-direction:column;flex-wrap:nowrap;padding-right:0}.intercom-image-parent{align-items:center;background:#00000099;display:flex;flex:1 1 400px;flex-direction:column;margin-bottom:7px;min-height:287px;padding:3px;position:relative}}.media-create-screen{bottom:0;display:flex;flex:1 1;flex-direction:column;left:0;padding:8px 7px;position:absolute;right:0;top:0;z-index:1001}.media-create-screen .content-header{display:flex;flex-direction:row;padding-bottom:7px}.media-create-screen .content-header>.content-wrapper{padding:8px 7px}.media-create-screen .content-header>.content-wrapper .actions{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.media-create-screen .content-header>.content-wrapper .actions>input{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;padding:0 10px}.media-create-screen .content-header>.content-wrapper .actions .action{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:12px;font-weight:700;justify-content:center;margin:0}.media-create-screen .content-header>.content-wrapper .actions .action img{height:40px;margin-bottom:5px;width:40px}.media-create-screen .content-divider{display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap}.media-create-screen .content-divider>.content-wrapper{flex:1 1 400px;padding:8px 7px}.media-create-screen .content-divider>.content-wrapper .floor-options-container{width:100%}.media-create-screen .content-divider>.content-wrapper .floor-options-container>span{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px;padding-left:41px}.media-create-screen .content-divider>.content-wrapper .floor-options-container>.floor-options{display:flex;flex-direction:row;flex-wrap:wrap}.media-create-screen .content-divider>.content-wrapper:first-child{margin-right:7px}.media-create-screen .content-divider>.content-wrapper>span{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px;padding-left:41px}.media-create-screen .content-divider>.content-wrapper .remote-type-line{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.media-create-screen .content-divider>.content-wrapper .remote-type-line .button{align-items:center;background-color:rgba(0,0,0,.4);border:1px solid #777;border-radius:8px;display:flex;height:80px;justify-content:center;margin-bottom:7px;width:80px}.media-create-screen .content-divider>.content-wrapper .remote-type-line .button:last-child{margin-right:0}.media-create-screen .content-divider>.content-wrapper .remote-type-line .button:empty{border:none}.media-create-screen .content-divider>.content-wrapper .remote-type-line .button img{margin:0;width:80px}.media-create-screen .content-divider>.content-wrapper .remote-type-line .button.no-border{align-items:center;background-color:initial;border:none;border-radius:0;display:flex;justify-content:center}.media-create-screen .content-divider>.content-wrapper .radio-input{align-items:center;display:flex;flex:1 1;margin-top:20px}.media-create-screen .content-divider>.content-wrapper .radio-input>span{color:#fff;display:contents;font-size:20px;height:38px;overflow:hidden}.media-create-screen .content-divider>.content-wrapper .radio-input .cursor{align-items:center;border:2px solid #eee;border-radius:50%;display:flex;height:20px;justify-content:center;margin:0 10px;width:20px}.media-create-screen .content-divider>.content-wrapper .radio-input .cursor:empty{border:1px solid #eee}.media-create-screen .content-divider>.content-wrapper .radio-input .cursor .interior-cursor{background-color:#eee;border-radius:50%;height:10px;width:10px}.media-create-screen .content-wrapper{background-color:#00000065;border:1px solid #656565;flex:1 1;height:100%}@media(max-width:600px){.media-create-screen.media .content-divider>.content-wrapper{height:390px;margin-left:0;margin-right:0}.media-create-screen.media .content-divider>.content-wrapper:first-child{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;margin-right:0;padding:8px 28px}.media-create-screen.media .content-divider>.content-wrapper:first-child>span{padding:0}.media-create-screen.media .content-divider>.content-wrapper:first-child .remote-type-line .button:nth-child(3n){margin-right:0}}@media(max-width:500px){.media-create-screen.media .content-header .content-wrapper .actions>input{margin-right:20px;width:100%}.media-create-screen.media .content-divider{flex-direction:column;flex-wrap:nowrap}.media-create-screen.media .content-divider>.content-wrapper{flex:none;height:auto}.media-create-screen.media .content-divider>.content-wrapper:last-child{flex:1 1}.media-create-screen.media .content-divider>.content-wrapper .remote-type-line .button{height:auto;padding:0;width:30%}.media-create-screen.media .content-divider>.content-wrapper .remote-type-line .button>img{width:100%}}@media(max-width:340px){.media-create-screen.media .content-divider>.content-wrapper>span{font-size:18px}}.password-area{flex-direction:column;padding-bottom:6px}.password-area,.password-area .login-container{align-items:center;display:flex;justify-content:center}.password-area .login-container{height:50%}.password-area .login-container .password-container{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-bottom:6rem;padding:1rem}.password-area .login-container .password-container>.input-button{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;margin:10px;padding:0 10px}.password-area .login-container .password-container div.input-button{background-color:#000000a5;color:#e8e8e8;width:212px}.password-area .login-container .password-container .security-code-control{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:10px;max-width:270px;width:100%}.password-area .login-container .password-container .security-code-control div{align-items:center;background-color:#2c99c4;border:2px solid #2c99c4;border-bottom-left-radius:10px;border-top-left-radius:10px;color:#000;display:flex;font-size:20px;font-weight:700;height:38px;justify-content:center;letter-spacing:.3rem;max-width:150px;overflow:hidden;padding:.1rem .2rem;width:100%}.password-area .login-container .password-container .security-code-control .input-button-security{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-bottom-right-radius:10px;border-top-right-radius:10px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;max-width:150px;padding:0 10px;width:100%}.security-code-user-select{user-select:all!important;-moz-user-select:all!important;-webkit-user-select:all!important}.settings-page-container{background-color:#0a0a0a;bottom:0;display:flex;flex:1 1;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:1001}.settings-page-container.keyboard-visible{bottom:265px}.settings-page-container.keyboard-visible.vertical{bottom:181px}.settings-page-container .children{flex:1 1;overflow:scroll}.settings-page-container .content-header{background-color:#0a0a0a;display:flex;flex-direction:column}.settings-page-container .content-header .actions{align-items:center;display:flex;flex:1 1;flex-direction:row;margin:5px 0;min-height:60px}.settings-page-container .content-header .actions .back-button{align-items:center;background-color:#303030;display:flex;height:50px;justify-content:center;padding-left:10px}.settings-page-container .content-header .actions .back-button>img{height:50px;width:50px}.settings-page-container .content-header .actions .back-button>img.small{height:30px;width:30px}.settings-page-container .content-header .actions .search-container{align-items:center;display:flex;flex-direction:row;height:50px;padding-left:20px}.settings-page-container .content-header .actions .search-container img{height:50px;width:50px}.settings-page-container .content-header .actions .search-container img.cross-icon{padding:10px}.settings-page-container .content-header .actions .search-container .input-container{align-items:center;display:flex;flex-direction:row;height:100%}.settings-page-container .content-header .actions .search-container .input-container.hidden{overflow:hidden;transition:.2s;width:0}.settings-page-container .content-header .actions .search-container .input-container.visible{transition:.2s;width:270px}.settings-page-container .content-header .actions .search-container .input-container input{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#efdd1c;display:flex;font-size:20px;height:30px;justify-content:center;padding:0 10px;width:100%}.settings-page-container .content-header .actions .title-and-button-container{display:flex;flex:1 1;flex-direction:row;justify-content:space-between}.settings-page-container .content-header .actions .title-and-button-container .title-container{align-items:center;display:flex;padding-left:50px}.settings-page-container .content-header .actions .title-and-button-container .title-container .title-text{color:#fff;font-size:30px}.settings-page-container .content-header .actions .title-and-button-container .right-buttons{display:flex;flex-wrap:wrap;max-width:750px}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button{align-items:center;color:#fff;display:flex;height:50px;justify-content:center;margin:5px;text-decoration:none;width:140px}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button.busy{background-color:#7c7c7c!important}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button.blue{background-color:#0a568f}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button.orange{background-color:#bd583c}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button.green{background-color:#038132}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button.red{background-color:#b60e44}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button.mulberry-wood{background-color:#5b0530}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button.gray{background-color:#747474}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button.yellow{background-color:#828829}.settings-page-container .content-header .actions .title-and-button-container .right-buttons .button span{color:#fff;font-size:15px;font-weight:700}.settings-input .right{position:relative}.settings-input .right img{cursor:pointer;height:32px;position:absolute;right:32px;top:4px;width:32px}.settings-input .right input[type=password]{padding-right:48px!important}.user-list-page .settings-list-component .line.service{color:#c70c08}.user-list-page .settings-list-component .line.admin{color:#e36746}.user-list-page .settings-list-component .line.user{color:#b1a81a}.qr-screen-wrapper{align-items:center;background:rgba(0,0,0,.35);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1001}.qr-screen-wrapper img{height:50%;object-fit:contain;width:50%}.settings-list-component{display:flex;flex:1 1;flex-direction:column;overflow-y:scroll}.settings-list-component .line{align-items:center;background-color:#0d0d0d;border-bottom:1px solid #777;color:#fff;display:flex;padding:10px 10px 5px 20px;white-space:nowrap}.settings-list-component .line:nth-child(odd){background-color:#151515}.settings-list-component .line.selected,.settings-list-component .line.selected:nth-child(2n){background-color:#375e13}.settings-list-component .line:first-child{background-color:#151515;padding-bottom:7px;padding-top:12px}.settings-list-component .line:first-child>span{color:#00dcfe;display:flex;flex:1 1;font-size:20px;font-weight:700}.settings-list-component .line:first-child>span.medium{flex:2 1}.settings-list-component .line:first-child>span.long{color:#00dcfe;flex:3 1}.settings-list-component .line span{display:block;flex:1 1;font-size:22px;font-weight:700;overflow:hidden;padding-right:10px;text-overflow:ellipsis}.settings-list-component .line span:last-child{padding-right:0}.settings-list-component .line span.medium{flex:2 1}.settings-list-component .line span.long{color:#fff;flex:3 1}.settings-list-component .line img{height:50px;margin:5px 10px;width:50px}.settings-list-component .line img.small{height:20px;width:20px}.z-index-1003{z-index:1003!important}.uart-screen{background:#fff;display:flex;flex-direction:column}.uart-screen .filters{background:#0d6d24;display:flex;height:30px}.uart-screen .filters span{align-items:center;background:transparent;display:flex;justify-content:center}.uart-screen .filters span.self-right{margin-left:auto}.uart-screen .filters button{background:#8c9199;margin-left:5px}.uart-screen .messages{display:flex;flex:1 1;flex-direction:column;overflow:scroll}.uart-screen .messages div{background-color:#3d3d3d;color:#fff;display:flex;justify-content:space-between;padding:2px 5px}.uart-screen .messages div.type-input{background-color:#6a6767}.uart-screen .messages div.type-error{background-color:#9d0808}.uart-screen .messages div.type-echo{background-color:#001d6f}.uart-screen .d-flex{display:flex}.uart-screen .d-flex input{border-right:1px solid;border-top:1px solid;flex:1 1}.uart-screen .d-flex button{background:gray}.background-settings-screen{display:flex;flex-wrap:wrap}.background-settings-screen .button{background:rgba(0,0,0,.15);flex:1 1 180px;margin:5px;max-height:110px}.background-settings-screen .button img{height:90px;object-fit:cover;width:160px}._modal-close{display:none!important}.bg_modal_wrapper{align-items:center;background-color:rgba(0,0,0,.3);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.bg_modal_wrapper .bg_modal_box{align-items:center;background-color:#000;border:1px solid green;display:flex;flex-direction:column;flex-wrap:nowrap;height:230px;justify-content:space-between;padding:1rem;width:420px}.bg_modal_wrapper .bg_modal_box .bg_modal_text{align-items:center;display:flex;justify-content:center}.bg_modal_wrapper .bg_modal_box .bg_modal_text span{color:#fff;font-size:22px;font-weight:700}.bg_modal_wrapper .bg_modal_box .bg_modal_action{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.bg_modal_wrapper .bg_modal_box .bg_modal_action button{align-items:center;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:15px;font-weight:700;gap:.3rem 0;height:100px;justify-content:space-evenly;margin:.5rem;width:100px}.bg_modal_wrapper .bg_modal_box .bg_modal_action button>img{height:40px;width:40px}.bg_modal_wrapper .bg_modal_box .bg_modal_action button:first-child{border:1px solid orange}.bg_modal_wrapper .bg_modal_box .bg_modal_action button:nth-child(2){border:1px solid green}.bg_modal_wrapper .bg_modal_box .bg_modal_action button:nth-child(3){border:1px solid red}.icon-theme-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 0;justify-content:space-evenly;margin-top:2.3rem}.icon-theme-container .icon-theme-box{align-items:center;border-radius:8px;box-shadow:0 0 5px #000;cursor:pointer;display:flex;justify-content:center;max-height:270px;overflow:hidden;width:450px}.icon-theme-container .icon-theme-box img{border-radius:8px;height:auto;width:100%}.icon-theme-container .icon-theme-active{outline:3px solid #06d34a;-webkit-transform:scale(1.03);transform:scale(1.03);z-index:1}._custom-menu-box{align-items:center;background-color:rgba(0,0,0,.5);border:1px solid gray;display:flex;flex-direction:column;gap:.2rem;height:105px;justify-content:center;margin:10px;width:150px}._custom-menu-box ._custom-menu-img{max-height:60px;max-width:60px;overflow:hidden}._custom-menu-box ._custom-menu-img>img{width:100%}._custom-menu-box>span{color:#fff;font-weight:700}@media(max-width:600px){._custom-menu-box{flex:1 1}}.custom-menu-wrapper{align-items:center;border:1px solid #fff;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;height:600px;height:auto;width:1024px}.appColumn{float:left;margin-bottom:6px;margin-top:2px;min-height:1px;padding-left:3px;padding-right:3px;position:relative}.appColumn.col-1{width:8.33333333%}.appColumn.col-2{width:16.66666667%}.appColumn.col-3{width:25%}.appColumn.col-4{width:33.33333333%}.appColumn.col-5{width:41.66666667%}.appColumn.col-6{width:50%}.appColumn.col-7{width:58.33333333%}.appColumn.col-8{width:66.66666667%}.appColumn.col-9{width:75%}.appColumn.col-10{width:83.33333333%}.appColumn.col-11{width:91.66666667%}.appColumn.col-12{width:100%}.widget-wrapper{background:rgba(0,0,0,.53);box-shadow:0 0 1px 0 rgba(0,0,0,.2);display:block;min-height:122.5px;padding:10px}.service-edit .content-divider .content-wrapper .line .checkmark{background-color:#00000065;border:1px solid #6565657f;border-radius:10px;display:block;height:40px;position:relative;width:40px}.service-edit .content-divider .content-wrapper .line .checkmark.checked:after{display:block}.service-edit .content-divider .content-wrapper .line .checkmark:after{border:solid #efdd1c;border-width:0 6px 6px 0;content:"";display:none;height:20px;left:11px;position:absolute;top:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}.left span{border-radius:0!important}.sensor-settings .appColumn{padding-bottom:5px;padding-left:3px}.sensor-settings .appColumn .device{background-color:#00000065;display:flex;height:64px;justify-content:space-between}.sensor-settings .appColumn .device .device-name{align-items:center;color:#84fffb;display:flex;font-size:15px;padding:5px;width:88px}.sensor-settings .appColumn .device>img{align-self:center;height:60px;width:60px}.sensor-settings .appColumn .device .device-body{align-items:center;display:flex;justify-content:flex-end}.sensor-settings .appColumn .device .device-body .device-button{align-items:center;background-color:#0404043f;border:1px solid #ffffff3f;border-radius:5px;color:#fff;display:flex;height:48px;justify-content:center;margin-right:8px;width:48px}.sensor-settings .appColumn .device .device-body .device-button img{height:36px;width:36px}.sensor-settings .appColumn .device .device-body .device-button.selected{background-color:#00ffff3f}.sensor-settings .appColumn .device:last-child{margin-bottom:0}.sensor-settings .sensor-checkboxes{align-items:center;background-color:#0404043f!important;border-radius:10px;color:#fff;display:flex;height:auto;justify-content:center;margin-right:20px;overflow:hidden;padding:5px;position:relative;width:auto}.sensor-settings .sensor-checkboxes .sensor-notification-symbol{color:#cdcd2e;font-size:22px;height:auto;left:10px;position:absolute;width:auto}.sensor-settings .sensor-checkboxes .content-divider,.sensor-settings .sensor-checkboxes .content-wrapper,.sensor-settings .sensor-checkboxes .service-edit{background-color:#0404043f!important}.sensor-settings .sensor-camera-selectbox-container{align-items:center;display:flex;height:auto;justify-content:center;margin-right:20px;width:auto}.sensor-page-info-text{align-items:center;background-color:#33323265;color:#cdcd2e;display:flex;font-size:14px;height:auto;padding:.3rem .3rem .3rem .7rem;width:100%}.sensor-page-info-text span{color:#cdcd2e;font-size:20px;margin-right:5px}.service-edit .content-divider{background-color:#303030;display:flex;flex-direction:row;flex-wrap:wrap;min-height:100%}.service-edit .content-divider .content-wrapper{display:flex;flex:1 1 500px;flex-direction:column;overflow:hidden;padding:20px}.service-edit .content-divider .content-wrapper .line{align-items:center;display:flex;height:60px;margin-bottom:5px}.service-edit .content-divider .content-wrapper .line:last-child{margin-bottom:0}.service-edit .content-divider .content-wrapper .line input{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#efdd1c;display:flex;font-size:20px;height:40px;justify-content:center;padding:0 10px;width:250px}.service-edit .content-divider .content-wrapper .line span{border-radius:10px;color:#fff;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-edit .content-divider .content-wrapper .line .left{display:flex;flex:2 1;overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.service-edit .content-divider .content-wrapper .line .right{display:flex;flex:3 1;white-space:nowrap}.service-edit .content-divider .content-wrapper .line .right>span{color:#efdd1c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:250px}.service-edit .content-divider .content-wrapper .select-box{width:250px}.service-edit .content-divider .content-wrapper .table-title{align-items:center;background-color:#0d0d0d;border:1px solid #656565;border-bottom:0;display:flex;flex-direction:row;height:40px;padding:0 15px}.service-edit .content-divider .content-wrapper .table-title .flex{flex:1 1}.service-edit .content-divider .content-wrapper .table-title span{color:#fff;display:flex;font-size:20px;font-weight:700}.service-edit .content-divider .content-wrapper .notification-list{background-color:#0d0d0d;border:1px solid #656565;border-top:0;display:flex;flex-direction:column;overflow-y:scroll}.service-edit .content-divider .content-wrapper .notification-list>.line{align-items:center;background-color:#151515;color:#fff;display:flex;flex-direction:row;margin-bottom:0;padding:0 20px;white-space:nowrap}.service-edit .content-divider .content-wrapper .notification-list>.line:nth-child(2n){background-color:#0d0d0d}.service-edit .content-divider .content-wrapper .notification-list>.line span{flex:1 1;font-size:22px;overflow:hidden;padding-right:20px;text-overflow:ellipsis}.service-edit .content-divider .content-wrapper .notification-list>.line span:last-child{padding-right:0}.service-edit .content-divider .content-wrapper .notification-list .check-box{background-color:#00000065;border:1px solid #656565;border-radius:15px;display:table;height:30px;width:30px}.service-edit .content-divider .content-wrapper .notification-list .check-box.checked{background-color:green}.service-edit .content-divider .content-wrapper .notification-list .check-box-circle{background-color:#00000065;border:1px solid #656565;border-radius:50%;display:table;height:30px;width:30px}.service-edit .half{align-items:center;display:flex;flex:1 1;flex-direction:row;height:100%;justify-content:center}.setup-match-screen .list-container{display:flex;flex-direction:column;height:100%;overflow-y:scroll}.setup-match-screen .list-container .line{background-color:#0d0d0d;border-bottom:1px solid #777;color:#fff;display:flex;flex-wrap:wrap;padding:10px 10px 5px 20px;white-space:nowrap}.setup-match-screen .list-container .line:nth-child(odd){background-color:#3b3b3b}.setup-match-screen .list-container .column{display:flex;flex:1 1 400px;height:106px}.setup-match-screen .list-container .left{align-items:center}.setup-match-screen .list-container .left .image-and-name{align-items:center;display:flex;flex-direction:column}.setup-match-screen .list-container .left .info-container{display:flex;flex-direction:column;justify-content:space-between;line-height:23px;padding-left:20px}.setup-match-screen .list-container .right{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:10px;padding-right:38px}.setup-match-screen .image{height:64px;margin-bottom:5px;width:64px}.setup-match-screen .select-container{display:flex;flex:1 1;flex-direction:row-reverse}.setup-match-screen .label-text{color:#5dbcd2}.setup-match-screen .button-list-container{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.setup-match-screen .reverse{flex-direction:row-reverse}.setup-match-screen .matched-item-row{display:flex}.setup-match-screen .matched-item-button{align-items:center;border-radius:5px;display:flex;height:45px;justify-content:center;margin-left:1rem;width:95px}.setup-match-screen .matched-item-button.blue{background-color:#0a568f}.setup-match-screen .matched-item-button.orange{background-color:#bd583c}.setup-match-screen .matched-item-button.green{background-color:#038132}.setup-match-screen .matched-item-button.red{background-color:#b60e44}.setup-match-screen .matched-item-button.mulberry-wood{background-color:#5b0530}.setup-match-screen .matched-item-button.gray{background-color:#747474}.io-test-modal{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1002}.io-test-modal .top{background-color:#053960;display:flex;flex:2 1;flex-direction:row}.io-test-modal .top .left{align-items:center;display:flex;flex:1 1;flex-direction:column;padding-top:37px}.io-test-modal .top .left .title{color:#fff;font-size:30px}.io-test-modal .top .left .image{height:64px;margin-bottom:10px;margin-top:10px;width:64px}.io-test-modal .top .left .name{color:#fff;font-size:22px}.io-test-modal .top .middle{display:flex;flex:2 1;flex-direction:column;justify-content:center;padding-left:30px}.io-test-modal .top .middle .iotest-button-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0 .5rem;margin-top:1rem;padding:.5rem .3rem}.io-test-modal .top .middle .iotest-button-container .matched-item-button{align-items:center;border-radius:5px;color:#fff;display:flex;height:45px;justify-content:center;width:95px}.io-test-modal .top .middle .iotest-button-container .matched-item-button.version{background-color:#6b6d18}.io-test-modal .top .middle .iotest-button-container .matched-item-button.rssi{background-color:#660a79}.io-test-modal .top .middle .label-text-container{padding:5px}.io-test-modal .top .middle .label-text-container .label{color:#fff;font-size:24px}.io-test-modal .top .middle .label-text-container .label .label-title{color:#5dbcd2}.io-test-modal .top .right{flex:1 1}.io-test-modal .top .right .close-text{background-color:#022a46;color:#fff;float:right;font-size:24px;margin-right:10px;margin-top:10px;padding:10px 35px}.io-test-modal .bottom{background-color:#05548f;display:flex;flex:3 1;flex-direction:column}.io-test-modal .bottom>div{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;justify-content:space-around}.io-test-modal .bottom>div>div{align-items:center;display:flex;flex-direction:column}.io-test-modal .bottom>div>div>span{color:#fff;font-size:20px;font-weight:700}.io-test-modal .bottom>div>div .red{background-color:red!important}.io-test-modal .bottom>div>div .green{background-color:lime!important}.io-test-modal .bottom>div.inputs>div{margin:12px}.io-test-modal .bottom>div.inputs .input-button{background-color:#8c9199;border:1px solid #fff;height:40px;margin-top:5px;width:40px}.io-test-modal .bottom>div.outputs{background-color:#096bb4}.io-test-modal .bottom>div.outputs>div{margin:7px}.io-test-modal .bottom>div.outputs .output-button{background-color:#8c9199;border:1px solid #fff;border-radius:6px;height:50px;margin-top:5px;width:50px}.io-test-modal.vertical .bottom>div.inputs>div{margin:14px}.io-test-modal.vertical .bottom>div.outputs>div{margin:9px}.room-icon-container{max-height:120px;max-width:120px}.room-icon-container>img{height:auto;width:100%}.up-down-button{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center;width:64px}.up-down-button:not(:empty){background-color:#00000065}.up-down-button:first-child{margin-right:20px}.up-down-button-container{display:flex}.range{display:block;height:112.5px;margin-bottom:0;overflow:hidden;padding:7px 0 7px 10px;position:relative;text-decoration:none}.range .range-image-wrapper{float:left;width:22%}.range .range-image-wrapper .range-image{vertical-align:middle;width:100%}.range .range-image-wrapper .range-image img{width:100%}.range .range-control-value{color:#fff;font-size:26px;font-weight:600;letter-spacing:-.4px;position:absolute;right:10px;text-decoration:none;top:10px}.range .range-control-value span span{margin-left:2px}.range .range-slide-control{width:100%}.range .range-content-wrapper{float:left;margin-top:11px;padding:10px;position:relative;width:67%}.range .range-title{clear:both;display:inline-block;padding-left:0;vertical-align:middle;width:100%}.range .range-title>span{color:#fff;font-size:20px;font-weight:500;letter-spacing:-.4px;text-decoration:none}.range:after{clear:both;content:"";display:block;width:100%}input[type=range]{-webkit-appearance:none;background-color:initial;border:none!important;height:38px;outline:none;width:100%}input[type=range]::-moz-focus-outer{border:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{animate:.2s;background:#fff;border-radius:5px;box-shadow:4px 3px 5px -3px rgba(0,0,0,.75);cursor:pointer;height:5px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#07f7fc;border-radius:4px;box-shadow:4px 3px 5px -3px rgba(0,0,0,.75);cursor:pointer;height:25px;margin-top:-10px;width:11px}input[type=range]:focus::-webkit-slider-runnable-track{background:#07f7fc}input[type=range]::-moz-range-track{animate:.2s;background:#fff;border:none;border-radius:5px;box-shadow:4px 3px 5px -3px rgba(0,0,0,.75);cursor:pointer;height:5px;width:100%}input[type=range]::-moz-range-thumb{background:#07f7fc;border:none;border-radius:5px;height:30px;width:15px}input[type=range]:-moz-focusring{outline:transparent!important}input[type=range]:focus::-moz-range-track{background:#ccc}input[type=range]::-ms-track{animate:.2s;background:transparent;border-color:transparent;color:transparent;cursor:pointer;height:10px;width:100%}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#07f7fc;border:1px solid #000;border-radius:10px;box-shadow:1px 1px 1px #000}input[type=range]::-ms-thumb{background:transparent;border:1px solid #000;border-radius:5px;box-shadow:1px 1px 1px #000;cursor:pointer;height:30px;margin-top:1px;width:15px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#07f7fc}.content-select-wrapper{background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;height:112.5px;margin-bottom:6px;margin-left:3px;width:466px}.content-select-wrapper .ring-tone-container{color:#fff;font-size:18px;height:auto;padding-top:.73rem;text-align:center;width:100%}.content-select-wrapper .ring-tone-select-container{align-items:center;display:inline-flex;height:auto;justify-content:space-evenly;padding:0 .656rem .656rem;width:100%}.content-select-wrapper .ring-tone-play-container{cursor:pointer;max-height:64px;max-width:64px;overflow:hidden;-webkit-transform:translateY(-12px);transform:translateY(-12px)}.content-select-wrapper .ring-tone-play-container img{height:auto;width:100%}.content-select-wrapper .ring-tone-save-container{cursor:pointer;max-height:64px;max-width:64px;overflow:hidden;-webkit-transform:translateY(-12px) translateX(10px);transform:translateY(-12px) translateX(10px)}.content-select-wrapper .ring-tone-save-container img{height:auto;width:100%}.click-voices-container{background-color:rgba(0,0,0,.5);display:inline-flex;flex-direction:column;height:112.5px;justify-content:center;margin-bottom:6px;margin-left:3px}.click-voices-container .click-voices-title{color:#fff;font-size:19px;height:auto;text-align:center;width:100%}.click-voices-container .click-voices-checkbox{align-items:center;display:flex;height:auto;justify-content:center;padding-right:22px}@media(max-width:600px){.content-select-wrapper{max-width:554px;width:100%}}.language-screen .content-divider{background-color:#303030;display:flex;flex-direction:row;flex-wrap:wrap;min-height:100%}.language-screen .content-divider .content-wrapper{display:flex;flex-direction:row}.language-screen .content-divider .content-wrapper .language-btn{align-items:center;background-color:#777;background-color:rgba(0,0,0,.4);border:1px solid #777;border-radius:8px;display:flex;height:100px;justify-content:center;margin:48px 0 48px 48px;width:100px}.language-screen .content-divider .content-wrapper .language-btn span{color:#fff;font-size:25px}.database-screen-container{display:flex;flex-direction:row}.database-screen-container :not(:first-child){margin-left:20px}.database-screen-container .button{align-items:center;background-color:rgba(0,0,0,.4);border:1px solid #777;border-radius:8px;display:flex;height:200px;justify-content:center;width:200px}.database-screen-container .button .text{color:#fff;font-size:20px}.settings-page.content-page{align-items:center;bottom:0;display:flex;flex:1 1;flex-direction:row;justify-content:center;left:0;padding:0;position:absolute;right:0;top:0;z-index:1001}.settings-page.content-page .content-divider{display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;padding:0}.settings-page.content-page .content-divider.admin,.settings-page.content-page .content-divider.default,.settings-page.content-page .content-divider.developer,.settings-page.content-page .content-divider.service,.settings-page.content-page .content-divider.user{left:0;position:absolute;right:0;top:0}.settings-page.content-page .content-divider .button-container{display:flex;flex-direction:row;height:120px;padding:10px;text-decoration:none;width:169px}.settings-page.content-page .content-divider .button-container:last-child{margin-bottom:0}.settings-page.content-page .content-divider .button-container>.button{align-items:center;background-color:#00000065;border:1px solid #656565;display:flex;flex:1 1;flex-direction:column;justify-content:center}.settings-page.content-page .content-divider .button-container>.button .button-img-container{max-height:66px;max-width:66px;overflow:hidden}.settings-page.content-page .content-divider .button-container>.button .button-img-container>img{height:auto;width:100%}.settings-page.content-page .content-divider .button-container>.button>span{color:#fff;font-size:16px;font-weight:700;height:20px;line-height:20px;max-width:117px;overflow:hidden}.settings-page.content-page.vertical .content-divider.admin .button-container,.settings-page.content-page.vertical .content-divider.default .button-container,.settings-page.content-page.vertical .content-divider.developer .button-container,.settings-page.content-page.vertical .content-divider.service .button-container,.settings-page.content-page.vertical .content-divider.user .button-container{width:196px}@media(max-width:500px){.settings-page.content-page .content-divider.admin{flex:1 1;width:auto}}.test-button-container{align-items:center;background-color:#fff;display:flex;height:200px;justify-content:center;width:200px}.test-button-container .button{color:blue;font-size:24pt}input::-webkit-calendar-picker-indicator{-webkit-filter:invert(.6);filter:invert(.6);transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3)}input{-webkit-appearance:textfield;appearance:textfield}input[type=date],input[type=time]{font-size:25px!important}input ::-webkit-inner-spin-button,input ::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none!important}input::-webkit-clear-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none!important}.menu-element-icon{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.menu-element-icon img{height:100%;width:100%}.device-control-screen-container{display:flex;flex-direction:row}.device-control-screen-container :not(:first-child){margin-left:20px}.device-control-screen-container .button{align-items:center;background-color:rgba(0,0,0,.4);border:1px solid #777;border-radius:8px;display:flex;height:200px;justify-content:center;width:200px}.device-control-screen-container .button .text{color:#fff;font-size:25px}.content-select-box-wrapper{align-items:center;background-color:rgba(0,0,0,.5);display:inline-flex;flex-direction:column;flex-wrap:nowrap;height:112.5px;justify-content:center;margin-bottom:6px;margin-left:3px;width:466px}@media(max-width:600px){.content-select-box-wrapper{max-width:554px;width:100%}}.ifttt-action-container{align-items:center;display:flex;justify-content:space-evenly;margin-top:2rem}.ifttt-action-container>button{color:#fff;cursor:pointer;font-weight:700;height:45px;margin-right:1rem;max-width:130px;width:100%}.ifttt-action-container>button:first-child{background-color:#259908}.ifttt-action-container>button:nth-child(2){background-color:#b40000}.screen-cleaner-overlay{align-items:center;background-color:#000;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:1200}.screen-cleaner-overlay>span:first-child{color:#fff;font-family:Ds-digi,sans-serif;font-size:17em}.screen-cleaner-overlay>span:nth-child(2){color:#fff;font-family:Lao-UI-Bold;font-size:62px;font-weight:700}.appRow,.appRow:after{display:block;width:100%}.appRow:after{clear:both;content:" "}.appRow:before{content:" ";display:table}.open-close-button .button-img_pfx{margin-left:10px;max-height:85px;max-width:85px;overflow:hidden}.open-close-button .button-img_pfx>img{width:100%}.open-close-button .open-close-button-title>span{max-width:150px;overflow:hidden;padding-left:.2rem;text-align:center;text-overflow:ellipsis}.curtain{align-items:center;display:flex;margin-bottom:0;min-height:112.5px;overflow:hidden;padding-right:10px;position:relative;text-decoration:none}.curtain>img{height:83.5px;width:83.5px}.curtain .curtain-title{align-items:center;display:flex;flex:1 1;justify-content:center}.curtain .curtain-title>span{color:#fff;font-size:20px;font-weight:500;letter-spacing:-.4px;max-width:150px;overflow:hidden;padding-left:.2rem;text-align:center;text-decoration:none;text-overflow:ellipsis}.curtain .curtain-buttons{display:flex}.curtain .curtain-buttons .control-button{background-color:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.54);border-radius:4px;float:left;height:50px;margin:0 8px;overflow:hidden;position:relative;width:50px}.curtain .curtain-buttons .control-button.active{border:1px solid green}.curtain .curtain-buttons .control-button button{align-items:center;display:flex;height:100%;justify-content:center;padding:4px;width:100%}.curtain .curtain-buttons .control-button button img{width:28px}.temperature-wrapper{align-items:center;display:flex;height:112.5px;padding-right:10px}.temperature-wrapper>img{height:83.5px}.temperature-wrapper>span{color:#fff;flex:1 1;font-size:20px;font-weight:500;letter-spacing:-.4px;max-width:150px;overflow:hidden;padding-left:.2rem;text-align:center;text-decoration:none;text-overflow:ellipsis}.temperature-wrapper .temperature-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 5px;width:64px}.temperature-wrapper .temperature-content>span{display:flex;flex:1 1;font-family:Ds-digi,sans-serif}.temperature-wrapper .temperature-content>span.set-value-temperature{color:#29fc29;font-size:40px}.temperature-wrapper .temperature-content>span.home-value-temperature{color:#fff;font-size:1.9em}.temperature-wrapper .control-button-wrapper{display:flex}.temperature-wrapper .control-button-wrapper .control-button{background-color:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.54);border-radius:.3rem;float:left;height:50px;margin:0 8px;overflow:hidden;padding:.3rem;position:relative;width:50px}.temperature-wrapper .control-button-wrapper .control-button.active{border:1px solid green}.temperature-wrapper .control-button-wrapper .control-button button{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;padding:4px;width:100%}.temperature-wrapper .control-button-wrapper .control-button button img{height:35px;width:35px}.fancoil-wrapper{display:flex;flex-direction:column;gap:1rem 0;height:230px;justify-content:space-between}.fancoil-wrapper .fancoil-button{align-items:center;background-color:rgba(0,0,0,.3);border:1px solid #928f8f;border-radius:.3rem;cursor:pointer;display:flex;height:50px;justify-content:center;padding:.2rem;width:50px}.fancoil-wrapper .fancoil-button>img{max-height:35px;max-width:35px}.fancoil-wrapper .fancoil-activate-button{border-color:#29fc29}.fancoil-wrapper .fancoil-top-box{align-items:center;display:inline-flex;flex-direction:row;height:60px;width:100%}.fancoil-wrapper .fancoil-top-box .fancoil-img-box{max-height:110px;max-width:110px}.fancoil-wrapper .fancoil-top-box .fancoil-img-box>img{height:auto;width:100%}.fancoil-wrapper .fancoil-top-box>span{color:#fff;font-size:20px;font-weight:500;letter-spacing:-.4px;max-width:150px;overflow:hidden;padding-left:.2rem;text-align:center;text-decoration:none;text-overflow:ellipsis}.fancoil-wrapper .fancoil-content-box{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;padding:.5rem;width:100%}.fancoil-wrapper .fancoil-content-box .fancoil-content-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;height:130px;justify-content:space-between;max-width:115px;min-width:115px}.fancoil-wrapper .fancoil-content-box .fancoil-content-middle{color:#fff;display:flex;font-size:3em;height:130px;min-width:100px}.fancoil-wrapper .fancoil-content-box .fancoil-content-middle>span{color:#29fc29;display:flex;flex:1 1;font-family:Ds-digi,sans-serif}.fancoil-wrapper .fancoil-content-box .fancoil-content-right{align-items:center;display:flex;flex-direction:row;height:150px;justify-content:space-between;width:100%}.fancoil-wrapper .fancoil-content-box .fancoil-content-right .fancoil-content-icon-box{align-items:flex-end;display:flex;flex-direction:column;height:125px;justify-content:space-evenly;width:80px}.fancoil-wrapper .fancoil-content-box .fancoil-content-right .fancoil-content-icon-box .fancoil-icon-box{max-height:50px;max-width:45px}.fancoil-wrapper .fancoil-content-box .fancoil-content-right .fancoil-content-icon-box .fancoil-icon-box>img{height:auto;width:100%}.fancoil-wrapper .fancoil-content-box .fancoil-content-right .fancoil-content-icon-box .fancoil-temp-box{height:55px;width:55px}.fancoil-wrapper .fancoil-content-box .fancoil-content-right .fancoil-content-icon-box .fancoil-temp-box>span{color:#fff;display:flex;flex:1 1;font-family:Ds-digi,sans-serif;font-size:1.9em}.fancoil-wrapper .fancoil-content-box .fancoil-content-right .fancoil-content-button-box{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;height:150px;justify-content:space-between;max-width:115px;min-width:115px}.response-color-picker{width:auto}.response-color-picker .react-colorful{border-radius:50%;height:117.5px;width:100%}.response-color-picker .react-colorful__saturation{border-radius:4px 4px 0 0}.response-color-picker .react-colorful__hue{border-radius:0 0 4px 4px;height:35px}.top-range-wrapper{float:left;padding:10px;position:relative;width:67%}.color-picker-wrapper{padding:0 2rem}.scenario-icon.playing{align-items:center;background-color:#0000007c;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.scenario-icon.playing img{height:64px;width:64px}.air-wrapper{display:block;height:230px;margin:0 0 0 10px;overflow:hidden;padding:0;position:relative;text-decoration:none}.air-wrapper>div{height:100%;width:100%}.air-wrapper .air .air-image{display:inline-block;vertical-align:middle;width:50%}.air-wrapper .air .air-image img{max-width:86%}.air-wrapper .air .air-title{display:inline-block;padding-left:10px;vertical-align:middle;width:50%}.air-wrapper .air .air-title>span{color:#fff;font-size:20px;font-weight:500;letter-spacing:-.4px;text-decoration:none}.air-wrapper .controls .control-item{margin-bottom:10px}.air-wrapper .controls .control-item>div{float:left;height:50px;margin:0 8px;width:50px}.air-wrapper .controls .control-item>div.control-button{background-color:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.54);border-radius:4px;overflow:hidden;position:relative}.air-wrapper .controls .control-item>div.control-button.active{border:1px solid green}.air-wrapper .controls .control-item>div.control-button button{display:block;padding:4px}.air-wrapper .controls .control-item>div.control-button button img{width:100%}.air-wrapper .controls .control-item>div.temperature{color:#fff;font-size:48px;line-height:44px}.air-wrapper .controls .control-item>div.temperature span{font-family:Ds-digi,sans-serif}.air-wrapper .controls .control-item>div.image img{width:100%}.air-wrapper .controls .control-item:after{clear:both;content:"";display:block;width:100%}.air-wrapper .left,.air-wrapper .right{width:50%}.air-wrapper:after{clear:both;content:"";display:block;width:100%}.air-wrapper .left{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between}.air-wrapper .left .open-close-button{height:80px}.air-wrapper .left .open-close-button img{height:60px;width:60px}.air-wrapper .left .open-close-button span{max-width:130px;overflow:hidden}.air-wrapper .left .left-bottom{display:flex;flex-direction:row}.air-wrapper .right{display:flex;flex:1 1;justify-content:flex-end}.air-wrapper .right>div{display:flex;flex-direction:column;justify-content:space-between}.air-wrapper .right>div:last-child .button{margin-right:0}.air-wrapper .right .button{margin-right:10px}.air-wrapper .button{align-items:center;background-color:rgba(0,0,0,.3);border:1px solid #928f8f;border-radius:.3rem;display:flex;height:50px;justify-content:center;margin:9px 8px 14px;padding:.2rem;width:50px}.air-wrapper .button:last-child{margin-right:0}.air-wrapper .button:empty{border:none}.air-wrapper .button.no-border{background-color:initial;border:none;border-radius:0;cursor:inherit}.air-wrapper .button img{height:35px;margin:0;width:35px}.air-wrapper .button .temperature{color:#fff;font-size:30px;line-height:35px;text-align:left}.air-wrapper .button .temperature span{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-family:Ds-digi,sans-serif;font-size:1.1em;font-variant:small-caps;font-weight:400}.air-wrapper .button .temperature small{font-size:28px;padding-left:5px}.setup-mode{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.setup-mode span{color:#fff;font-size:30px}.setup-mode .setup-mode-close{background-color:gray;display:flex;margin:10px;padding:10px}.setup-mode .setup-mode-close span{color:lime}.full-screen{left:103px;padding:0;right:0}.concierge-message-container{background:#00000045;color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:100%}.concierge-message-container .back-button{background:#727272;border-radius:5px;height:48px;margin-right:5px;width:48px}.concierge-message-container .name{display:flex;font-size:32px;padding:12px 24px}.concierge-message-container .input-container{display:flex;flex-direction:row;justify-content:space-between;padding:12px 24px}.concierge-message-container .input-container input{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;padding:0 10px;width:75%}.concierge-message-container .input-container input::-webkit-input-placeholder{color:#ffffff99}.concierge-message-container .input-container input::placeholder{color:#ffffff99}.concierge-message-container .input-container button{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:20%}.keypad-wrapper{display:flex;width:355px}.keypad-wrapper .keypad{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.keypad-wrapper .keypad span{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;margin:8px 0}.keypad-wrapper .keypad span.no-style{background:none;border:none}.keypad-wrapper .keypad .keypad-row{display:flex;flex-direction:row;justify-content:space-between}.keypad-wrapper .keypad .keypad-row span{width:60px}.keypad-wrapper .keypad .keypad-row span img{height:45px;width:45px}.meeting-screen{display:flex;flex:1 1;flex-direction:row;left:103px;padding:0;right:0}.meeting-screen .back-button{background:#727272;border-radius:5px;height:48px;width:48px}.meeting-screen .darker{background-color:#00000035;display:flex;flex:1 1;flex-direction:row}.meeting-screen .content-divider{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-around;width:50%}.meeting-screen .content-divider .information-container{align-items:center;color:#fff;display:flex;font-size:24px;height:35%;justify-content:center;padding:0 24px}.meeting-screen .content-divider .information-container span{text-align:center}.meeting-screen .content-divider .concierge-list-container{align-items:center;display:flex;height:65%;width:100%}.meeting-screen .concierge-item-container{align-items:center;display:flex;flex-direction:column;margin-bottom:8px}.meeting-screen .concierge-item-container .img-container{background-color:#00000065;border:1px solid #6565657f;border-radius:10px;height:60px;margin-bottom:4px;width:60px}.meeting-screen .concierge-item-container .img-container img{height:54px;margin:3px;width:54px}.meeting-screen .concierge-item-container span{color:#fff;font-size:18px;text-align:center}.open-close-button-loading{align-items:center;background-color:#0000007c;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.open-close-button-loading img{height:64px;width:64px}.open-close-button-loading.darker{background-color:rgba(0,0,0,.95)}.open-close-button-loading.darker span{color:#fff}.open-close-button{align-items:center;display:flex;height:112.5px;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none;width:100%}.open-close-button a{display:block;text-decoration:none}.open-close-button a *{color:#fff;text-decoration:none}.open-close-button.busy{pointer-events:none}.open-close-button img{height:auto;width:40%}.open-close-button .open-close-button-title{align-items:center;display:flex;flex:1 1;justify-content:center;margin-right:15px}.open-close-button .open-close-button-title>span{color:#fff;font-size:20px;font-weight:500;letter-spacing:-.4px;text-decoration:none}.open-close-button .position-absolute{-webkit-filter:invert(12%) sepia(82%) saturate(7481%) hue-rotate(0deg) brightness(97%) contrast(112%);filter:invert(12%) sepia(82%) saturate(7481%) hue-rotate(0deg) brightness(97%) contrast(112%);height:52px;left:18px;position:absolute;width:52px}.slider-container{background-color:#000;bottom:0;height:600px;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all .5s;width:1024px;z-index:2000}@media(max-width:600px){.slider-container{height:1024px;width:600px}}.container-clock{background-color:#444343;background-image:url(/static/media/digital-clock.f939730a8a4af91891aa.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;font-family:Orbitron,Arial,sans-serif;height:600px;left:0;max-height:600px;max-width:1024px;position:absolute;right:0;top:0;width:1024px;z-index:2000}#digital-div1{margin:20% auto 0}#digital-time{font-size:120px;margin:7% auto}#digital-date,#digital-time{color:#fff;text-align:center}#digital-date{font-size:25px;font-weight:100;margin-top:-40px}#digital-text{color:#fff;float:right;font-family:Handlee-Regular,serif;font-weight:700;height:auto;line-height:1.5;margin-top:80px;max-width:40%;padding:10px;text-shadow:0 0 250px #000,0 0 250px #000;width:auto}@media(max-width:600px){.container-clock{align-items:center;display:flex;height:1024px;justify-content:center;max-height:1024px;max-width:600px;width:600px}#digital-div1{margin:-40% auto 0}#digital-text{bottom:20px;float:none;max-width:80%;position:absolute;right:20px}}.analog-clock{background-color:#444343;background-image:url(/static/media/analog-clock.b1ac523bb2e5f5eecebf.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;height:600px;left:0;max-height:600px;max-width:1024px;position:absolute;right:0;top:0;width:1024px;z-index:2000}.clock{background:#454646;background:linear-gradient(99deg,#454646,#131313 50%,#262626);border:10px double #454646;border-radius:50%;color:#fff;font-size:24px;height:300px;text-align:center;top:40%;width:300px}.clock,.clock:after{left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.clock:after{background:#adabab;background:linear-gradient(163deg,#adabab,#000 50%,#a2a1a1);border:2px solid #adabab;border-radius:50%;content:"";height:12px;top:50%;width:12px;z-index:4}.hour_hand{background:#adabab;background:linear-gradient(163deg,#adabab,#706f6f 50%,#a2a1a1);height:60px;top:30%;width:6px}.hour_hand,.min_hand{left:49%;position:absolute;-webkit-transform-origin:bottom;transform-origin:bottom;z-index:3}.min_hand{background:#6f6f6f;background:linear-gradient(163deg,#6f6f6f,#fff 50%,#7e7e7e);height:80px;top:22.5%;width:4px}.sec_hand{background:red;border-top-left-radius:50%;border-top-right-radius:50%;height:118px;left:49%;position:absolute;top:9.5%;-webkit-transform-origin:bottom;transform-origin:bottom;width:3px;z-index:3}.clock span{font-family:Source Sans Pro,sans-serif;font-weight:700;position:absolute}.twelve{color:#fff;left:46%;top:10px}.one{right:26%}.eleven,.one{color:#fff;top:10%}.eleven{left:26%}.two{color:#fff;right:10%;top:25%}.three{color:#fff;right:10px;top:46%}.four{color:#fff;right:30px;top:66%}.five{color:#fff;right:70px;top:81%}.six{bottom:8px;color:#fff;left:48.5%}.seven{color:#fff;left:74px;top:81%}.eight{color:#fff;left:28px;top:65.7%}.nine{color:#fff;left:10px;top:46%}.ten{color:#fff;left:10%;top:25%}@media(max-width:600px){.analog-clock{align-items:center;display:flex;height:1024px;justify-content:center;max-height:1024px;max-width:600px;width:600px}}.lock-screen-container{background:rgba(0,0,0,.7);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1002!important}.lock-screen-container,.lock-screen-container .lock-image-container,.lock-screen-container .lock-screen-wrapper{align-items:center;display:flex;height:600px;justify-content:center;width:1024px}.lock-screen-container .lock-screen-wrapper{flex-direction:column;padding:1rem;z-index:2002}.lock-screen-container .lock-screen-wrapper .lock-screen-button-container{align-items:center;display:flex;flex-direction:row;height:55px;justify-content:space-between;margin-top:.7rem;width:215px}.lock-screen-container .lock-screen-wrapper .lock-screen-button-container button.lock-screen-button{background-color:rgba(0,0,0,.5);border:1px solid rgba(64,63,63,.8);border-radius:10px;color:#f3f3f3;font-size:1em;height:100%;width:215px}@media(max-width:600px){.lock-screen-container,.lock-screen-container .lock-screen-wrapper{height:1024px;width:600px}}.energy-container{border:1px solid #fff;bottom:59px;height:478px;position:absolute;right:0;width:920px}.iframe-parent{display:flex;flex-wrap:wrap;height:100%;width:100%}.iframe-parent iframe{border:none;height:100%;width:100%}.container{left:103px;padding-top:0;right:1px;top:62px}.popupVisible .header{display:none}.header{background:rgba(0,0,0,.65);color:#fff;display:flex;height:62px;justify-content:space-between;padding:0 14px;position:absolute;text-align:center;top:0;width:100%;z-index:4}.header .logo{color:#fff;font-family:Lao-UI-Bold;font-size:32px;font-weight:700;margin:9px 0 0;text-align:left;text-decoration:none;width:173px}.header .logo img{width:134px}.header .menu>div{margin:0 20px 0 6px}.weather{position:relative}.weather .weather-icon{margin:-9px;vertical-align:middle;width:80px}.weather .weather-text{font-size:40px;margin-left:10px;position:relative;vertical-align:middle}.weather .weather-text small{font-size:16px;position:absolute;right:-17px;top:5px}.datetime{margin-top:4px;position:relative}.datetime .time{font-size:42px}.datetime .date{display:inline-block;margin-left:5px;text-align:left}.datetime .date span{display:block}.datetime .date span:last-child{font-size:13px}.popupVisible .device-list-wrapper{display:none}.device-list-wrapper{background:rgba(0,0,0,.53);background:-webkit-gradient(left top,right top,color-stop(0,rgba(0,0,0,.53)),color-stop(100%,rgba(0,0,0,.69)));background:linear-gradient(90deg,rgba(0,0,0,.53) 0,rgba(0,0,0,.69));bottom:58px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);left:0;overflow-x:hidden;overflow-y:scroll;position:absolute;scroll-behavior:smooth;scrollbar-width:none;top:62px;width:103px;z-index:1002}@media(max-width:600px){.device-list-wrapper{bottom:75px}}.menuitem{align-items:center;cursor:default;display:flex;flex-direction:column;margin-bottom:8px;position:relative;text-align:center;text-decoration:none}.menuitem img{width:64px}.menuitem .menuitem-title{width:100%}.menuitem .menuitem-title>span{color:#fff;font-size:16px;font-weight:500;letter-spacing:-.4px;text-decoration:none}.menuitem.active{background:rgba(0,0,0,.4)}.menuitem-list-item{background:hsla(0,0%,86%,.22);display:block;margin-bottom:1px;padding:5px}.invisible{opacity:0}.row{margin-left:-5px;margin-right:-5px}.row,.row:after{display:block;width:100%}.row:after{clear:both;content:" "}.row:before{content:" ";display:table}.popupVisible .footer{display:none}.footer{background:rgba(0,0,0,.65);bottom:0;color:#fff;height:58px;padding:4px 7px 2px;position:absolute;width:100%;z-index:1}.footer .group-buttons{left:0;position:absolute;right:0;text-align:center}.footer .group-buttons:after{clear:both;content:"";width:100%}.footer .button{color:#fff;min-width:103px;padding:7px;text-decoration:none}.footer .button.back-button{position:relative;width:103px;z-index:1}.footer .button.scenario-button{width:200px}.footer .user-info{display:flex;flex-direction:row;margin-left:20px;padding-top:12px}.footer .logout-button{margin-left:10px}.footer .user-text{font-size:18px;font-weight:700}.footer .small-icons{width:70px}.footer .small-icons img{height:23px;margin:1px 5px;width:23px}.footer:after{clear:both;content:"";display:block;width:100%}.footer span span{display:inline-block;max-width:120px;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.footer .dropdown{float:left;position:relative;width:210px}.footer .dropdown>span{align-items:center;display:flex;justify-content:center;padding:9px;width:100%}.footer .dropdown>span img{width:30px}.footer .dropdown>span .arrow{margin-right:8px;width:20px}.footer .dropdown>span span{margin-left:8px}.footer .dropdown .dropdown-menu{background-color:rgba(0,0,0,.65);bottom:calc(100% + 4px);left:0;position:absolute;right:0}.footer .dropdown .dropdown-menu>span{align-items:center;border-bottom:1px solid rgba(0,0,0,.15);display:flex;justify-content:center;padding:12px 9px}.footer .dropdown .dropdown-menu>span:last-child{border-bottom:0}.footer .dropdown .dropdown-menu>span img{width:30px}.footer .dropdown .dropdown-menu>span span{margin-left:8px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:130px}@media(max-width:600px){.footer{height:75px;padding:3px 0}.footer .button img{margin-right:0!important}.footer .button span{display:block;font-size:13px;margin-top:5px;text-align:center}.footer .hidden-scenario{display:none}}.call-screen-wrapper{background-color:#000;bottom:0;left:0;position:absolute;right:0;top:0;z-index:2001}.call-screen-wrapper>img,.call-screen-wrapper>video{background:#0a0a0a;height:100%;width:100%}.call-screen-wrapper.vertical>img,.call-screen-wrapper.vertical>video{height:100%;object-fit:contain;width:100%}.call-screen-wrapper .call-header{align-items:center;background-color:rgba(0,0,0,.6);color:#fff;display:flex;height:48px;justify-content:center;left:0;position:absolute;right:0;top:0}.call-screen-wrapper .call-header img{height:40px;margin-right:10px;width:40px}.call-screen-wrapper .call-header span.name{font-size:18px;font-weight:700;margin-right:10px}.call-screen-wrapper .call-control-bottom{align-items:center;bottom:0;display:flex;justify-content:center;padding:0;position:absolute;text-align:center;width:100%;z-index:1}.call-screen-wrapper .call-control-bottom .button{align-items:center;display:flex;justify-content:space-between;margin:0 5px;max-width:172px}.call-screen-wrapper .call-control-bottom .button span{font-size:15px;font-weight:400}.call-screen-wrapper .call-control-left{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;top:0;width:100px}.call-screen-wrapper .call-control-left .button-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.call-screen-wrapper .call-control-left .button-container .button{background-color:#022a46;color:#fff;font-size:24px;padding:10px 35px}.call-screen-wrapper .call-control-left .button-container .value{background-color:initial;color:#fff;font-size:24px;padding:30px 35px}.call-screen-wrapper .call-control-right{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;position:absolute;right:0;top:0}.call-screen-wrapper .call-control-right .button{display:flex;font-size:15px;font-weight:400;margin:3px 0;width:140px}.call-screen-wrapper .call-control-right .button.disabled{color:gray!important}.call-screen-wrapper .call-control-right .button.disabled img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.call-screen-wrapper .call-control-right .button.yellow{color:#ffc600}.call-screen-wrapper .call-control-right .button.blue{color:#0cf}.call-screen-wrapper .call-control-right .button.pink{color:#fe47ef}.call-screen-wrapper .call-control-right .button.lime{color:#d1fe47}@media(max-width:768px){.call-screen-wrapper .call-control-bottom .button{font-size:13px;padding:5px 10px}.call-screen-wrapper .call-control-bottom .button>img{width:25px}}@media(max-width:480px){.call-screen-wrapper .call-control-bottom .button{font-size:11px;margin:0 2px;padding:5px 8px}.call-screen-wrapper .call-control-bottom .button>img{margin-right:2px;width:20px}.call-screen-wrapper .call-control-bottom .call-control-footer{margin-top:25px}}@media(max-width:400px){.call-screen-wrapper .call-control-bottom .button{font-size:9px;padding:5px 6px}.call-screen-wrapper .call-control-bottom .button>img{width:18px}.call-screen-wrapper .call-control-bottom .call-control-footer{margin-top:15px}}.popup-screen-wrapper{background-color:#2263ab65;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1002}.popup-screen-wrapper>div{align-items:center;background-color:#000;display:flex;flex-direction:column;height:200px;justify-content:center;left:calc(50% - 200px);position:absolute;top:calc(50% - 100px);width:400px}.popup-screen-wrapper>div span{color:#fff;font-size:20px;text-align:center}.popup-screen-wrapper>div img{margin-bottom:20px}.popup-screen-wrapper>div .action-row{display:flex;flex-direction:row;justify-content:space-around;padding-top:20px;width:300px}.popup-screen-wrapper>div .action-row .button{align-items:center;background-color:rgba(0,0,0,.4);border:1px solid #777;border-radius:8px;display:flex;flex-direction:column;height:95px;justify-content:center;width:95px}.popup-screen-wrapper>div .action-row .button span{color:#fff;font-size:15px}.popup-screen-wrapper>div .action-row .button img{margin:0 0 10px;width:50px}.popup-screen-wrapper>div .action-row .button .passive{color:#666;font-size:40px}.popup-screen-wrapper .info{border:2px solid blue}.popup-screen-wrapper .success{border:2px solid green}.popup-screen-wrapper .failure,.popup-screen-wrapper .question{border:2px solid red}.popup-screen-wrapper .question .action{align-items:center;border:2px solid red;color:#fff;display:flex;flex-direction:column;font-size:15px;font-weight:700;justify-content:center;margin:0}.popup-screen-wrapper .question .action img{height:40px;margin-bottom:5px;width:40px}.d-flex{display:flex}.scenario{bottom:0;display:flex;flex:1 1;flex-direction:column;left:0;padding:8px 7px;position:absolute;right:0;top:0;z-index:1001}.scenario .content-divider{background-color:#00000035;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap}.scenario .content-divider>.content-wrapper:first-child{margin-right:7px}.scenario .content-wrapper-left{flex:1 1 500px;margin-right:2px}.scenario .content-wrapper-left.top-part{background-color:#00000065;display:flex;flex-direction:column;margin-bottom:8px;padding:8px 15px}.scenario .content-wrapper-left.top-part>.actions{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:6px}.scenario .content-wrapper-left.top-part>.actions>input{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;padding:0 10px;width:275px}.scenario .content-wrapper-left.top-part>.actions>input::-webkit-input-placeholder{color:#fff}.scenario .content-wrapper-left.top-part>.actions>input::placeholder{color:#fff}.scenario .content-wrapper-left.top-part>.actions .content-actions{display:flex;flex:1 1;flex-direction:row;justify-content:flex-end}.scenario .content-wrapper-left.top-part>.actions .content-actions .action{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:12px;font-weight:700;justify-content:center;margin-right:20px}.scenario .content-wrapper-left.top-part>.actions .content-actions .action:last-child{margin-right:0}.scenario .content-wrapper-left.top-part>.actions .content-actions .action img{height:40px;margin-bottom:5px;width:40px}.scenario .content-wrapper-left.top-part .content-settings-bottom-part{display:flex;flex:1 1;justify-content:space-between}.scenario .content-wrapper-left.top-part .content-settings-bottom-part.rounded .selected,.scenario .content-wrapper-left.top-part .content-settings-bottom-part.rounded .selection{border-radius:50%}.scenario .content-wrapper-left.top-part .content-settings-bottom-part .option{align-items:center;display:flex}.scenario .content-wrapper-left.top-part .content-settings-bottom-part .option span{color:#fff}.scenario .content-wrapper-left.top-part .content-settings-bottom-part .option .selection{align-items:center;border:1px solid #fff;display:flex;height:15px;justify-content:center;margin-left:5px;width:15px}.scenario .content-wrapper-left.top-part .content-settings-bottom-part .option .selected{background-color:#00fd01;height:11px;width:11px}.scenario .content-wrapper-left.devices{height:441px;overflow-y:scroll}.scenario .content-wrapper-left.devices .device{background-color:#00000065;display:flex;height:64px;margin-bottom:5px}.scenario .content-wrapper-left.devices .device .device-name{color:#84fffb;font-size:15px;margin:auto 0;max-width:90px;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap;width:100%}.scenario .content-wrapper-left.devices .device>img{align-self:center;height:50px;width:50px}.scenario .content-wrapper-left.devices .device .device-body{align-items:center;display:flex;flex:1 1;justify-content:space-between}.scenario .content-wrapper-left.devices .device .device-body .device-body-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.scenario .content-wrapper-left.devices .device .device-body.simple{justify-content:center}.scenario .content-wrapper-left.devices .device .device-body.simple .device-button:first-child{margin-right:8px}.scenario .content-wrapper-left.devices .device .device-body .device-digit{color:#07c60d;font-family:Seven-Segment;font-size:40px}.scenario .content-wrapper-left.devices .device .device-body .device-button{align-items:center;background-color:#0404043f;border:1px solid #ffffff3f;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;width:45px}.scenario .content-wrapper-left.devices .device .device-body .device-button img{height:30px;width:30px}.scenario .content-wrapper-left.devices .device .device-body .device-button.selected{background-color:#00ffff3f}.scenario .content-wrapper-left.devices .device .add-button{align-items:center;background-color:#00000065;color:#fff;display:flex;font-weight:700;justify-content:center;margin-left:32px;width:64px}.scenario .content-wrapper-left.devices .device:last-child{margin-bottom:0}.scenario .content-wrapper-left.devices .device.delay{align-items:center;height:48px;justify-content:space-between}.scenario .content-wrapper-left.devices .device.delay .device-name{color:#fff;margin-left:5px;width:120px}.scenario .content-wrapper-left.devices .device.delay .time{align-items:center;color:#beec01;display:flex;font-size:15px;justify-content:center;width:85px}.scenario .content-wrapper-left.devices .device.delay .edit-button{align-items:center;background-color:#fff;border-radius:5px;display:flex;font-size:15px;font-weight:700;height:32px;justify-content:center;margin-right:5px;width:48px}.scenario .content-wrapper-left.devices.scenarios .device-button{display:none!important}.scenario .content-wrapper-left.devices.scenarios .device-button.selected{display:flex!important}.scenario .content-wrapper-left.devices.scenarios .scenario-buttons{display:flex}.scenario .content-wrapper-left.devices.scenarios .scenario-buttons .add-button{margin-left:8px;width:48px}.scenario .content-wrapper-right{flex:1 1 500px;margin-left:4px}.scenario .content-wrapper-right.devices{height:585px;overflow-y:scroll}.scenario .content-wrapper-right.devices .device{background-color:#00000065;display:flex;height:64px;margin-bottom:5px}.scenario .content-wrapper-right.devices .device>.device-name{color:#84fffb;font-size:15px;margin:auto 0;max-width:120px;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap;width:100%}.scenario .content-wrapper-right.devices .device>img{align-self:center;height:60px;width:60px}.scenario .content-wrapper-right.devices .device .device-body{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin-left:10px}.scenario .content-wrapper-right.devices .device .device-body .fancoil-button-status-container{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;width:135px}.scenario .content-wrapper-right.devices .device .device-body .fancoil-button-status-container .device-button-saved{overflow:hidden;width:64px}.scenario .content-wrapper-right.devices .device .device-body .fancoil-button-status-container .device-button-saved>img{height:auto;width:100%}.scenario .content-wrapper-right.devices .device .device-body.simple{justify-content:center}.scenario .content-wrapper-right.devices .device .device-body.simple .device-button:first-child{margin-right:8px}.scenario .content-wrapper-right.devices .device .device-body .device-digit{color:#07c60d;font-family:Seven-Segment;font-size:45px}.scenario .content-wrapper-right.devices .device .device-body .device-button{align-items:center;background-color:#0404043f;border:1px solid #ffffff3f;border-radius:5px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.scenario .content-wrapper-right.devices .device .device-body .device-button img{height:36px;width:36px}.scenario .content-wrapper-right.devices .device .device-body .device-button.selected{background-color:#00ffff3f}.scenario .content-wrapper-right.devices .device .add-button{align-items:center;background-color:#00000065;color:#fff;display:flex;font-weight:700;justify-content:center;margin-left:32px;width:64px}.scenario .content-wrapper-right.devices .device:last-child{margin-bottom:0}.scenario .content-wrapper-right.devices .device.delay{align-items:center;height:48px;justify-content:space-between}.scenario .content-wrapper-right.devices .device.delay .device-name{color:#fff;margin-left:5px;width:120px}.scenario .content-wrapper-right.devices .device.delay .time{align-items:center;color:#06d1c5;display:flex;font-size:15px;justify-content:center;width:85px}.scenario .content-wrapper-right.devices .device.delay .edit-button{align-items:center;background-color:#fff;border-radius:5px;display:flex;font-size:15px;font-weight:700;height:32px;justify-content:center;margin-right:5px;width:48px}.scenario .content-wrapper-right.devices.scenarios .device-button{display:none!important}.scenario .content-wrapper-right.devices.scenarios .device-button.selected{display:flex!important}.scenario .content-wrapper-right.devices.scenarios .scenario-buttons{display:flex}.scenario .content-wrapper-right.devices.scenarios .scenario-buttons .add-button{margin-left:8px;width:48px}.device-color-button{background-color:#0404043f;border:1px solid #ffffff3f;border-radius:5px;color:#fff;height:36px;width:36px}.device-color-button,.icon-modal-container{align-items:center;display:flex;justify-content:center}.icon-modal-container{background-color:rgba(0,0,0,.4);height:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.icon-modal-container .icon-modal{align-items:center;background-color:#000;border:1px solid orange;border-radius:10px;display:flex;flex-direction:column;flex-wrap:nowrap;max-width:450px;min-height:200px;padding:1rem}.icon-modal-container .icon-modal .icon-modal-box{grid-gap:1.5rem 1rem;align-items:center;display:grid;gap:1.5rem 1rem;grid-template-columns:auto auto auto auto;justify-content:space-between;max-height:320px;overflow-x:auto;padding:1rem;width:100%}.icon-modal-container .icon-modal .icon-modal-box ._icon-box{align-items:center;background-color:#242424;border-radius:20px;cursor:pointer;display:flex;justify-content:center;max-height:70px;max-width:70px;overflow:hidden;padding:2.5rem}.icon-modal-container .icon-modal .icon-modal-box ._icon-box>img{height:64px;width:64px}.icon-modal-container .icon-modal .icon-modal-actions{align-items:center;display:flex;justify-content:flex-end;padding:1rem;width:100%}.icon-modal-container .icon-modal .icon-modal-actions>button{background:#9b0f0f;border:2px solid transparent;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-size:14px;font-weight:600;outline:none;padding:10px 22px;text-align:center;transition:all .1s ease-in}@media(max-width:610px){.content-wrapper-parent.content-wrapper-left{margin-bottom:8px;margin-right:0}.content-wrapper-parent.content-wrapper-left>.devices{height:300px}.content-wrapper-parent.content-wrapper-right{height:320px;margin-left:0;margin-top:0}}.main{height:100vh;position:relative;width:100vw;z-index:2}.main.pc{height:600px;width:1024px}.main .locked-reason-container{display:flex;padding-left:60%}.main .locked-reason-container span{color:#fff}.scenario-screen-wrapper{align-items:center;background-color:#00000065;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1001}.scenario-screen-wrapper .center-area{background-color:#000000d4;color:#fff;display:flex;flex-direction:column;height:270px;width:400px}.scenario-screen-wrapper .center-area.darker{background-color:#000;height:260px;width:390px}.scenario-screen-wrapper .center-area span{align-items:center;display:flex;flex-direction:column;height:175px;justify-content:center;width:100%}.scenario-screen-wrapper .center-area .scenario-buttons{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:0 20px}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-button{align-items:center;display:flex;flex-direction:column;height:76px;justify-content:space-between}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-button img{width:48px}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-setup-button{align-items:center;display:flex;flex-direction:column;padding:10px 5px}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image{align-items:center;background-color:#10121c7f;border:3px solid #8c9199;border-radius:50%;display:flex;height:110px;justify-content:center;margin-bottom:5px;overflow:hidden;padding:5px;width:110px}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image.active{border-color:#86c88c}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image.passive{border-color:#98951f}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image.set{border-color:#449a31}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image.abort{border-color:#bd1d26}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image img{height:64px;object-fit:contain;width:64px}.scenario-screen-wrapper .center-area .scenario-buttons .scenario-setup-button b{color:#fff}.scenario-screen-wrapper.no-background{background-color:initial}.media-screen{bottom:0;display:flex;flex:1 1;flex-direction:column;left:0;padding:8px 7px;position:absolute;right:0;top:0;z-index:1001}.media-screen .content-divider{display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap}.media-screen .content-divider>.content-wrapper{flex:1 1 500px;padding:8px 7px}.media-screen .content-divider>.content-wrapper:first-child{margin-right:7px}.media-screen .content-divider>.content-wrapper .actions{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px}.media-screen .content-divider>.content-wrapper .actions .action{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:15px;font-weight:700;justify-content:center;margin:0}.media-screen .content-divider>.content-wrapper .actions .action img{height:40px;margin-bottom:5px;width:40px}.media-screen .content-wrapper{background-color:#00000065;border:1px solid #656565;flex:1 1}.media-screen .content-wrapper .button{align-items:center;border:1px solid #777;border-radius:8px;display:flex;height:70px;justify-content:center;margin-right:33.75px;width:70px}.media-screen .content-wrapper .button:last-child{margin-right:0}.media-screen .content-wrapper .button:empty{border:none;cursor:inherit}.media-screen .content-wrapper .button.selected{border:2px solid #34d532;cursor:default}.media-screen .content-wrapper .button.no-border{border:0;cursor:default}.media-screen .content-wrapper .button img{margin:0;width:60px}.media-screen .content-wrapper .button .temperature{color:#fff;font-size:40px;line-height:44px}.media-screen .content-wrapper .button .temperature span{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-family:Ds-digi,sans-serif;font-style:oblique;font-variant:small-caps;font-weight:400}.media-screen .content-wrapper .button .temperature small{font-size:35px;padding-left:5px}.media-screen .content-wrapper .left-parent{display:flex;flex:1 1;flex-direction:column;height:497px}.media-screen .content-wrapper .left-parent .open-close-button-title{justify-content:flex-start}.media-screen .content-wrapper .left-parent.air-conditioner .left-top{display:flex;flex:1 1;padding:10px 0}.media-screen .content-wrapper .left-parent.air-conditioner .left-top .left-top-left{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.media-screen .content-wrapper .left-parent.air-conditioner .left-top .left-top-left .open-close-button{height:100px}.media-screen .content-wrapper .left-parent.air-conditioner .left-top .left-top-left .left-top-left-bottom{display:flex}.media-screen .content-wrapper .left-parent.air-conditioner .left-top .left-top-right{display:flex;flex:1 1;justify-content:flex-end}.media-screen .content-wrapper .left-parent.air-conditioner .left-top .left-top-right>div{display:flex;flex-direction:column;justify-content:space-between}.media-screen .content-wrapper .left-parent.air-conditioner .left-top .left-top-right>div:last-child .button{margin-right:0}.media-screen .content-wrapper .left-parent.air-conditioner .left-bottom{display:flex;flex-direction:column;height:213px;justify-content:space-around;padding-top:32px}.media-screen .content-wrapper .left-parent.air-conditioner .left-bottom>div{display:flex;justify-content:space-around}.media-screen .content-wrapper .left-parent.tv .left-top{display:flex;flex:1 1;padding:10px 0}.media-screen .content-wrapper .left-parent.tv .left-top .left-top-left{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.media-screen .content-wrapper .left-parent.tv .left-top .left-top-left .open-close-button{height:100px}.media-screen .content-wrapper .left-parent.tv .left-top .left-top-left .left-top-left-bottom{display:flex}.media-screen .content-wrapper .left-parent.tv .left-top .left-top-right{display:flex;flex:1 1;justify-content:flex-end}.media-screen .content-wrapper .left-parent.tv .left-top .left-top-right>div{display:flex;flex-direction:column;justify-content:space-between}.media-screen .content-wrapper .left-parent.tv .left-top .left-top-right>div:last-child .button{margin-right:0}.media-screen .content-wrapper .left-parent.tv .left-top .left-top-right .button{margin-right:10px}.media-screen .content-wrapper .left-parent.tv .left-bottom{display:flex;flex:1 1;flex-direction:row;justify-content:space-around;padding-top:32px}.media-screen .content-wrapper .left-parent.tv .left-bottom>div{display:flex}.media-screen .content-wrapper .left-parent.tv .left-bottom .left-bottom-left{display:flex;flex:1 1}.media-screen .content-wrapper .left-parent.tv .left-bottom .left-bottom-left>div{display:flex;flex-direction:column;justify-content:space-between}.media-screen .content-wrapper .left-parent.tv .left-bottom .left-bottom-left .button{margin-right:10px}.media-screen .content-wrapper .left-parent.tv .left-bottom .left-bottom-right{display:flex;flex:1 1;justify-content:flex-end}.media-screen .content-wrapper .left-parent.tv .left-bottom .left-bottom-right>div{display:flex;flex-direction:column;justify-content:space-between}.media-screen .content-wrapper .left-parent.tv .left-bottom .left-bottom-right>div:last-child .button{margin-right:0}.media-screen .content-wrapper .left-parent.tv .left-bottom .left-bottom-right .button{margin-right:10px}.media-screen .content-wrapper .right-parent{display:flex;flex:1 1;flex-direction:column}.media-screen .content-wrapper .right-parent.air-conditioner{align-content:space-around;display:flex;height:100%}.media-screen .content-wrapper .right-parent.air-conditioner .right-column{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:center}.media-screen .content-wrapper .right-parent.tv{display:flex;height:100%;padding:100px}.media-screen .content-wrapper .right-parent.tv .keypad{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.media-screen .content-wrapper .right-parent.tv .keypad span{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#fff;display:flex;font-size:20px;height:60px;justify-content:center}.media-screen .content-wrapper .right-parent.tv .keypad span.no-style{background:none;border:none}.media-screen .content-wrapper .right-parent.tv .keypad .button{border:none;height:auto;margin-right:0;padding:0;width:auto}.media-screen .content-wrapper .right-parent.tv .keypad .keypad-row{display:flex;flex-direction:row;justify-content:space-between;padding-left:30px;padding-right:30px}.media-screen .content-wrapper .right-parent.tv .keypad .keypad-row span{width:60px}.media-screen>.content-wrapper{flex:none;height:80px;margin-bottom:8px}.media-screen.edit-mode .button{background-color:rgba(221,0,0,.59);border:0}.media-screen.edit-mode .button.no-border,.media-screen.edit-mode .button:empty{background-color:initial}.media-screen.edit-mode .button.registered{background-color:rgba(11,221,0,.59)}@media(max-width:610px){.media-screen.media .content-divider{margin-bottom:0}.media-screen.media .content-divider>.content-wrapper{margin-left:0;margin-right:0}.media-screen.media .content-divider>.content-wrapper:first-child{border-bottom:0}.media-screen.media .content-divider>.content-wrapper:last-child{border-top:0;height:auto}.media-screen.media .content-divider>.content-wrapper .right-parent.tv{padding-bottom:0;padding-top:0}}.content-page{bottom:0;display:flex;flex:1 1;flex-direction:column;left:0;padding:8px 7px;position:absolute;right:0;top:0;z-index:1001}.content-page input::-webkit-inner-spin-button,.content-page>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.content-page>input[type=number]{-moz-appearance:textfield}.content-page .content-divider{display:flex;flex:1 1;flex-direction:row;padding:0 3px}.content-page .content-divider.top{flex-wrap:wrap}.content-page .content-divider:first-child{padding-left:0}.content-page .content-divider:last-child{padding-right:0}.content-page .content-divider .left{display:flex;flex:1 1 500px;flex-direction:column}.content-page .content-divider .left .content-top{align-items:center;display:flex;flex:1 1}.content-page .content-divider .left .content-top .action-row{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:space-between;padding:0 20px}.content-page .content-divider .left .content-top .action-row>input,.content-page .content-divider .left .content-top .action-row>span{align-items:center;background-color:#00000065;border:1px solid #6565657f;border-radius:10px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;padding:0 10px}.content-page .content-divider .left .content-top .action-row .action{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0}.content-page .content-divider .left .content-top .action-row .action>span{color:#fff;font-size:14px;font-weight:700}.content-page .content-divider .left .content-top .action-row .action>img{height:40px;margin-bottom:10px;width:40px}.content-page .content-divider .left .content-top>.content-wrapper{align-items:center;display:flex;height:100%;padding:13px 0}.content-page .content-divider .left .content-center{display:flex;flex:3 1;padding-top:7px}.content-page .content-divider .left .content-center>.child{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 3px}.content-page .content-divider .left .content-center>.child:first-child{padding-left:0}.content-page .content-divider .left .content-center>.child:last-child{padding-right:0}.content-page .content-divider .left .content-center>.child>.content-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.content-page .content-divider .left .content-center>.child>.content-wrapper>span{color:#fff;font-size:60px}.content-page .content-divider .left .content-center>.child>.content-wrapper>span.invalid{color:red}.content-page .content-divider .left .content-center>.child>.content-wrapper>img{height:80px;width:80px}.content-page .content-divider .left .content-center>.child>.content-wrapper>.sun-container{display:flex;flex:1 1;flex-direction:row;justify-content:space-around;padding:0 20px 10px;width:100%}.content-page .content-divider .left .content-center>.child>.content-wrapper>.sun-container>.sun{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.content-page .content-divider .left .content-center>.child>.content-wrapper>.sun-container>.sun>img{height:60px;width:60px}.content-page .content-divider .left .content-center>.child>.content-wrapper>.sun-container>.sun>span{color:#fff;font-size:20px;font-weight:700}.content-page .content-divider .left .content-center>.child>.content-wrapper>.sun-container.checked .check-box-circle.checked{background-color:green}.content-page .content-divider .left .content-center>.child>.content-wrapper .check-box{background-color:#00000065;border:1px solid #656565;border-radius:7px;display:table;height:40px;margin-top:10px;width:40px}.content-page .content-divider .left .content-center>.child>.content-wrapper .check-box.checked{background-color:green}.content-page .content-divider .left .content-center>.child>.content-wrapper .check-box-circle{background-color:#00000065;border:1px solid #656565;border-radius:50%;display:table;height:30px;width:30px}.content-page .content-divider .left .content-bottom{display:flex;flex:2 1;padding-top:7px}.content-page .content-divider .left .content-bottom>.content-wrapper{flex-direction:column;justify-content:space-around;padding:20px}.content-page .content-divider .left .content-bottom>.content-wrapper>.content-line{align-items:center;display:flex;flex-direction:row;justify-content:center}.content-page .content-divider .left .content-bottom>.content-wrapper>.content-line>.day-container{align-items:center;display:flex;flex:1 1;flex-direction:row}.content-page .content-divider .left .content-bottom>.content-wrapper>.content-line>.day-container>span{color:#fff;font-size:16px;font-weight:700}.content-page .content-divider .left .content-bottom>.content-wrapper>.content-line>.day-container>.check-box{background-color:#00000065;border:1px solid #656565;border-radius:5px;display:table;height:20px;margin-right:10px;width:20px}.content-page .content-divider .left .content-bottom>.content-wrapper>.content-line>.day-container>.check-box.checked{background-color:green}.content-page .content-divider .left .flex-gap-5{flex:5 1}.content-page .content-divider .right{display:flex;flex:1 1 500px;flex-direction:column;height:584px;overflow-y:scroll}.content-page .content-divider .right>.content-wrapper{align-items:center;flex:0 1;justify-content:space-between;margin-bottom:3px;width:100%}.content-page .content-divider .right>.content-wrapper:last-child{margin-bottom:0}.content-page .content-divider .right>.content-wrapper>.left-container{align-items:center;display:flex;flex-direction:row}.content-page .content-divider .right>.content-wrapper>.left-container img{height:60px;width:60px}.content-page .content-divider .right>.content-wrapper>.left-container>span{color:#fff;font-size:16px;font-weight:700}.content-page .content-divider .right>.content-wrapper>.check-box{background-color:#00000065;border:1px solid #656565;border-radius:5px;display:table;height:40px;margin-right:10px;width:40px}.content-page .content-divider .right>.content-wrapper>.check-box.checked{background-color:green}.content-page .content-divider .right .content-child{background-color:#fff;flex:1 1;margin-bottom:3px}.content-page .content-divider .right .content-child:last-child{padding-bottom:0}.content-page .content-wrapper{background-color:#00000065;border:1px solid #656565;display:flex;flex:1 1;height:100%}@media(max-width:600px){.content-page .content-divider.left{height:600px;margin-bottom:5px;padding-right:0}.content-page .content-divider.right{height:400px;margin-top:5px;padding-left:0}}.scenario-trigger-screen-wrapper{align-items:center;background-color:#00000065;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1001}.scenario-trigger-screen-wrapper .center-area{background-color:#000000d4;color:#fff;display:flex;flex-direction:column;height:270px;width:400px}.scenario-trigger-screen-wrapper .center-area.darker{background-color:#000;height:260px;width:390px}.scenario-trigger-screen-wrapper .center-area span{align-items:center;display:flex;flex-direction:column;height:175px;justify-content:center;width:100%}.scenario-trigger-screen-wrapper .center-area .scenario-buttons{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:0 20px}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-button{align-items:center;display:flex;flex-direction:column;height:76px;justify-content:space-between}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-button img{width:48px}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-setup-button{align-items:center;display:flex;flex-direction:column;padding:10px 5px}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image{align-items:center;background-color:#10121c7f;border:3px solid #8c9199;border-radius:50%;display:flex;height:110px;justify-content:center;margin-bottom:5px;overflow:hidden;padding:5px;width:110px}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image.active{border-color:#86c88c}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image.passive{border-color:#98951f}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image.set{border-color:#449a31}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image.abort{border-color:#bd1d26}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-setup-button .image img{height:64px;object-fit:contain;width:64px}.scenario-trigger-screen-wrapper .center-area .scenario-buttons .scenario-setup-button b{color:#fff}.scenario-trigger-screen-wrapper.no-background{background-color:initial}.scenario-trigger-control-update-screen.content-page .content-divider .left .content-top{align-items:flex-start}.scenario-trigger-control-update-screen.content-page .content-divider .left .content-top>.content-wrapper{height:auto}.scenario-trigger-control-update-screen.content-page .content-divider .left .content-top .action-row>span{background-color:initial;border:0;border-radius:0;border-radius:initial;margin:0 10px;max-width:65%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.scenario-trigger-control-update-screen.content-page .content-divider.top{flex:none}.not-found-404{align-items:center;display:flex;height:100%;justify-content:center}.not-found-404 .text{color:#fff;font-size:30px}.busy-indicator{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1021}.busy-indicator .loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#555;height:50px;width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.stp-media-screen.content-page .content-divider .left .content-top{align-items:flex-start}.stp-media-screen.content-page .content-divider .left .content-top>.content-wrapper{height:auto}.stp-media-screen.content-page .content-divider .left .content-top .action-row>span{background-color:initial;border:0;border-radius:0;border-radius:initial;margin:0 10px;max-width:65%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.stp-media-screen.content-page .content-divider.top{flex:none}@media(max-width:600px){.content-page .content-divider.left{height:auto;margin-bottom:5px;padding-right:0}.content-page .content-divider.right{height:auto;margin-top:5px;padding-left:0}} /*# sourceMappingURL=main.0dd7c84e.css.map*/