#app{width:100vw;height:100vh}button{touch-action:manipulation}body{position:fixed;overflow:hidden}.loader-icon,.loader-icon.big{margin:auto;padding:5px;border:4px solid #f3f3f3;border-top:4px solid #8A4D76;border-radius:50%;width:15px;height:15px;animation:spin 2s linear infinite}.big.loader-icon{width:100px;height:100px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.element-center{position:absolute;top:50%;left:50%;-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.camera-connecting-text{color:#34875d}.device-opening-text{color:#1DB24B}.link-text{color:#2f88db;cursor:pointer}.switch{position:relative;display:inline-block;width:50px;height:25px;margin-bottom:0}.switch input{display:none}.switch input.default:checked+.slider{background-color:#8A4D76}.slider{border-radius:20px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{border-radius:50%;position:absolute;content:"";height:17px;width:17px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}.switch input:focus+.slider{box-shadow:0 0 1px #2196F3}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.handle-timer-card{margin:0;padding:0}.edit-timer-container{height:100%}.edit-timer-container .row-timer-title{height:50px;padding-top:10px}.edit-timer-container .row-timer-setting{height:calc(100% - 50px)}.edit-timer-container .row-on{background-color:white;border-bottom:1px solid rgba(49,49,49,0.1);transition:height 0.3s ease}.edit-timer-container .row-off{background-color:white;border-bottom:1px solid rgba(49,49,49,0.1);transition:height 0.3s ease}.edit-timer-container .row-repeat{height:15%;background-color:white;border-bottom:1px solid rgba(49,49,49,0.1)}.edit-timer-container .row-repeat .row{height:50%}.edit-timer-container .row-repeat .row p{margin-top:6px}.edit-timer-container .row-repeat .col-2{display:contents}.edit-timer-container .row-buttons{height:15%}.edit-timer-container .row-buttons .col-6{display:contents}.edit-timer-container .row-buttons .col-6 button{min-width:100px}.edit-timer-container .repeat-modal{position:absolute;height:50vh;width:90vw;top:25%;left:5%;background-color:white}.edit-timer-container .repeat-modal .form-group{margin-bottom:0}.edit-timer-container .repeat-modal-bg{position:absolute;height:100vh;width:100vw;top:0%;left:0%;background-color:rgba(0,0,0,0.4)}.container-numbers{height:auto}.container-numbers .col-numbers{height:80%;min-height:50px;max-height:60px;background-image:linear-gradient(to right, rgba(49,49,49,0.01), rgba(49,49,49,0.1), rgba(49,49,49,0.01));border-radius:20px;overflow:hidden;white-space:nowrap;display:flex;justify-content:center;align-items:center}.container-numbers .col-numbers .number-active{color:#8A4D76;font-size:30px}.container-numbers .col-numbers .number{display:inline-block;position:relative;margin-left:8px;margin-right:8px;margin-top:5px}.container-numbers .col-numbers .number .text-gradient-left{background:linear-gradient(to right, rgba(49,49,49,0.01), rgba(49,49,49,0.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-numbers .col-numbers .number .text-gradient-right{background:linear-gradient(to right, rgba(49,49,49,0.7), rgba(49,49,49,0.01));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-numbers img{width:40px;height:40px}.card-control{flex-grow:1;margin:5px;margin-bottom:0px;justify-content:center}.card-control .card-content .media{justify-content:space-evenly;height:100%;flex-direction:column;align-items:center}.card-control .curtain{all:clear}.card-control .curtain .button{padding:0;border:none;font:inherit;color:inherit;background-color:transparent;outline:none;cursor:pointer;width:150px;height:150px;background-size:contain}.card-control .curtain .button-open{background-image:url(/public/img/curtain/Curtain_open_off-c389b1.png);transition:0s 1s}.card-control .curtain .button-open-active{background-image:url(/public/img/curtain/Curtain_open_on-6623d6.png);transition:0s}.card-control .curtain .button-pause{background-image:url(/public/img/curtain/CurtainStopOff_Horizon-18d844.png);transition:0s 1s}.card-control .curtain .button-pause-active{background-image:url(/public/img/curtain/CurtainStopOn_Hor-1beb95.png);transition:0s}.card-control .curtain .button-close{background-image:url(/public/img/curtain/Curtain_close_off-90e4d2.png);transition:0s 1s}.card-control .curtain .button-close-active{background-image:url(/public/img/curtain/Curtain_close_on-e30ccb.png);transition:0s}.card-control .door-lock{all:clear}.card-control .door-lock .button{padding:0;border:none;font:inherit;color:inherit;background-color:transparent;outline:none;cursor:pointer;width:150px;height:150px;background-size:contain}.card-control .door-lock .button-open{background-image:url(/public/img/door/lock-circle_on-f8663e.jpg);transition:0s 1s}.card-control .door-lock .button-close{background-image:url(/public/img/door/lock-circle_off-eebad3.jpg);transition:0s 1s}.card{margin-top:5px;cursor:pointer;height:90px;overflow:hidden}.card .card-row{height:100%}.card .card-row .col-card{height:100%}.card .card-row .col-card .switch-img{height:80%;margin:auto}.card .card-row .col-card .setting-icon{width:50px;margin:auto}.card .card-row .col-card .row-status,.card .card-row .col-card .row-setting{height:50%;width:100%}.card .card-row .col-card .row-setting-full{height:100%;width:80%}.status-on{background-color:#00ff00}.status-off{background-color:#afafaf}.status-unknown{background-color:#EFF0EB}.top-bar-container{width:100%;height:60px;border-bottom:solid 1px #e1e1ed;overflow:hidden}.top-bar-container .topbar-main-content{display:flex;height:100%;justify-content:center}.top-bar-container .topbar-main-content .topbar-logo{height:100%;margin:auto;background-size:contain}.top-bar-container .topbar-main-content .icon-add-topbar{position:absolute;right:15px;top:13px}.top-bar-container .topbar-sub-content{width:100%;height:100%}.top-bar-container .topbar-sub-content #left-bar{position:absolute;align-self:center}.top-bar-container .topbar-sub-content .icon-back-topbar{color:white;height:100%;margin-left:25px}.top-bar-container .topbar-sub-content .topbar-title{display:inline;color:white;font-size:20px}.top-bar-container .topbar-sub-content .topbar-title-left{margin:auto 10px}.top-bar-container .topbar-sub-content .topbar-title-right{margin:auto;margin-right:0}.top-bar-container .topbar-sub-content .topbar-title-center{margin:auto}.tob-bar-main{background-color:white}.tob-bar-sub{background-color:#8A4D76}.bootom-bar-container{width:100%;height:60px;border-top:solid 1px #e1e1ed}.bootom-bar-container .bottom-bar-col{display:grid}.bootom-bar-container .bottom-bar-col .bottom-bar-icons{height:40px;margin:auto}.login-page{width:100vw;height:100vh}.login-page .login-row{height:85%;padding-top:50px;min-height:500px}.login-page .login-row .login-col{height:100%;width:80%;border:1px solid #b9b9b9;border-radius:10px;padding:20px;min-height:440px}.login-page .login-row .login-col figure{height:50%;width:100%;display:flex;align-items:center}.login-page .login-row .login-col figure img{margin:auto}.login-page .login-row .login-col .login-form{height:50%}.login-page .login-row .login-col .btn-login{width:100%}.login-page .sigup-row{height:15%}.page-container{padding:0;width:100%;height:100%;overflow:hidden}.page-container .page-content{background-color:#f0f0f0}.page-container .page-content-use-all{overflow-y:scroll;height:calc(100vh - 120px);overflow-x:hidden}.page-container .page-content-use-all .swipeable-container{height:100%}.page-container .page-content-use-all .swipeable-container .react-swipeable-view-container{height:100%}.page-container .page-content-without-top,.page-container .page-content-without-bottom{height:calc(100vh - 60px)}.page-container .page-content-full{height:100vh}.main-graph-container .device-list-row{min-width:100%;width:110%;height:20px}.main-graph-container .main-graph{width:100%;height:calc(100% - 40px)}.main-graph-container .timer-btn-row{width:100%;height:20px}.row-dots{position:absolute;bottom:60px;background-color:#e1e1e7;opacity:0.7;align-items:center;width:100%;height:3%}.row-dots .dot{background-color:white;width:10px;height:10px;border-radius:50%}.row-dots .dot-active{background-color:#8A4D76}.row-all-power,.row-chart{width:100%;height:30%;padding:10px 5px}.row-assets,.row-meters{width:100%;height:65%;padding:10px 5px}.row-meters{overflow-y:scroll;display:block}.col-dropdown{height:40px}.col-assets{height:calc(100% - 40px);overflow-y:scroll}.row-cameras{display:block;width:100%;height:95%;padding-top:10px;overflow-y:scroll}.camera-screen-container{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.9);z-index:999}.camera-screen-container .camera-screen-topbar{width:100%;height:50px}.camera-screen-container .camera-screen-topbar .fa-arrow-left{margin-top:10px;margin-left:10px;color:white}.camera-screen-container .camera-screen{width:100%;height:100%;max-height:calc(100% - 50px);background-color:#4b4b4b}.curve-graph-container{background-color:white;border:2px solid #f0f0f0;width:100%;height:100%}.curve-graph-container .row{width:100%;height:100%}.curve-graph-container .row .circle{transform:rotate(225deg);transform-origin:center center}.curve-graph-container .row .circle-value{animation:progress 0.5s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.curve-graph-container .row svg.curve-graph{max-height:200px}.add-device-container{height:100%;background-color:white}.add-device-container .row-steps-continer{padding:40px;height:75%;overflow:auto}.add-device-container .row-steps-continer .col-steps-details{background-color:#f0f0f0}.add-device-container .row-steps-continer .circle-container{background-color:#c6c6c6;width:30px;height:30px;border-radius:50%;margin:10px 5px;color:white}.add-device-container .row-steps-continer .circle-step-active{background-color:#1575cf}.add-device-container .row-steps-continer .row-steps{height:50px}.add-device-container .row-steps-continer .row-details{height:calc(100% - 50px)}.add-device-container .row-steps-continer .row-details .title-text{padding:0 20px;height:40%;width:100%}.add-device-container .row-steps-continer .row-details .device-img{height:40%;width:100%}.add-device-container .row-steps-continer .row-details .link-row1{display:grid;height:20%;width:100%}.add-device-container .row-steps-continer .row-details .link-row1 p{margin:auto}.add-device-container .row-steps-continer .row-details .connecting-img-row{height:50%;width:100%}.add-device-container .row-steps-continer .row-details .loading-row{height:30%;width:100%}.add-device-container .row-steps-continer .row-details .link-row3{display:grid;height:20%;width:100%}.add-device-container .row-steps-continer .row-details .link-row3 p{margin:auto}.add-device-container .row-steps-continer .row-details .device-name-row{height:100%;width:100%}.add-device-container .row-steps-continer .row-details .device-name-row .input-device-name{width:80%;background-color:transparent;border-radius:0;border:none;border-bottom:1px solid grey}.add-device-container .row-btn-next-step{height:25%}.add-device-container .row-btn-next-step .btn{border:none;background-color:#8A4D76;max-height:40px;max-width:200px;width:150px;margin:auto}.add-device-container .row-btn-next-step .btn:focus{box-shadow:#be6ea4;background-color:#8A4D76}.popup-container{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.4);padding:0 10%;z-index:999}.popup-container .row-content{margin-top:40vh;z-index:9999}.modal-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:99999}.modal-container{position:absolute;left:0;top:0;width:100%;height:auto;background-color:white;border-bottom-right-radius:15px;border-bottom-left-radius:15px;z-index:99999}.modal-container .text-message{padding-top:20px;padding-bottom:20px}.modal-container .btn-ok{border-top:1px solid rgba(0,0,0,0.1);padding-top:10px;padding-bottom:10px;cursor:pointer}.modal-container-animation{animation-name:move-down;animation-duration:0.5s}@keyframes move-down{0%{top:-500px}100%{top:0px}}.row-switch-btn{width:100%;height:calc(100% - 60px)}.row-switch-btn .col-switch{height:100%}.row-switch-btn .switch-img{max-width:100%;height:50%;margin:auto}.row-switch-btn-h240{width:100%;height:240px}.row-switch-btn-h240 .col-switch{height:100%}.row-switch-btn-h240 .switch-img{max-width:100%;height:50%;margin:auto auto 0 auto}.row-device-menus{width:100%;height:50px}.row-device-menus .col-menu{height:100%;display:flex;justify-content:center;align-items:center}.row-device-menus .col-menu .menu-img{height:70%}.row-profile *{text-overflow:ellipsis;overflow:auto}.row-scenes{display:list-item;height:calc(100% - (38px + 48px));overflow-y:scroll}.arrow-left{width:40px;height:40px;overflow:hidden;background-size:contain;background-image:url(/public/img/Tv/left-6decf7.png)}.arrow-right{width:40px;height:40px;overflow:hidden;background-size:contain;background-image:url(/public/img/Tv/right-cb009f.png)}.arrow-up{width:40px;height:40px;overflow:hidden;background-size:contain;background-image:url(/public/img/Tv/up-7fda98.png)}.arrow-down{width:40px;height:40px;overflow:hidden;background-size:contain;background-image:url(/public/img/Tv/down-9039a1.png)}.row{margin-left:0;margin-right:0}.container-device-list{padding-bottom:30px;padding-left:8px;padding-right:8px}.control-page{display:flex;flex-direction:column}.container-profile{padding:0px}.container-profile .change-password *{padding:2px}.container-profile .change-password .label{font-size:14px}.remote-controller *{touch-action:manipulation}.remote-controller .remote-brand-name{width:100%;text-align:center;font-size:1.1em}.ihapm-btn-primary{color:#fff;background-color:#8A4D76;border-color:#8A4D76}.MuiFormControl-root{display:flex;flex-grow:1}.controller-row{flex-wrap:nowrap}.device-setting-page .MuiFormControl-root{margin-top:16px;display:flex}.device-setting-page .MuiButton-containedPrimary{background-color:#BA7DA6}.device-setting-page .MuiButton-containedPrimary:hover{background-color:#8A4D76}.device-setting-page .MuiButton-outlinedPrimary{color:#8A4D76;border:1px solid #8A4D76}.device-setting-page .MuiButton-outlinedPrimary:hover{border:1px solid #8A4D76;background-color:#cba9c0}.device-setting-page .MuiButton-textPrimary{color:#8A4D76}.device-setting-page .MuiGrid-root{text-align:center}.device-setting-page .device-icon{margin-top:24px;text-align:center}.device-setting-page .device-icon>img{width:100px;height:100px}.device-setting-page #box-setting .button-row{margin-top:24px}.device-setting-page #box-setting .remote-setting-btn{width:32px;height:32px}.remote-setting-page .MuiList-root .MuiListItem-gutters{text-align:center}.device-type-unknown .unknown-avatar{height:100%;width:100%;display:flex;align-items:center;align-content:center;justify-content:center}.device-list-dropdown{width:100%}