body{width:100%}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-thumb{background:hsla(0,0%,80%,.5)}body::-webkit-scrollbar-thumb:hover{background:#999}#root{height:100%;width:100%;background:#e6e6e6}.login-bg{background:linear-gradient(0deg,#ccc 0,#f2f2f2);min-height:100vh;width:100%}.login-bg,.login-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.login-container{width:90%;border-radius:20px;border:4px solid #fff;background:linear-gradient(0deg,hsla(0,0%,80%,.1) 0,#fff)}.login-form{width:85%}.login-logo{height:125px;width:auto}.login-input-container{background-color:#fff;width:100%;border-radius:6px;padding:8px 4px;display:flex;justify-content:flex-start;align-items:center;height:45px;font-family:"SukhumvitSet-Medium"}.login-input-icon-container{width:11%;display:flex;justify-content:center;align-items:center;border-right:1px solid #b3b3b3;height:100%}.login-icon{height:18px;width:auto}.login-input-box{width:89%}.login-input{margin-left:10px;width:95%;border:none;padding-left:10px;color:#666;font-family:"SukhumvitSet-Medium"}.login-input:focus{outline:none}.login-other-container{display:flex;align-items:center;justify-content:center}.create-account{font-family:"SukhumvitSet-SemiBold";color:#b31117;font-size:16px;margin-bottom:0;cursor:pointer}.middle-bar{border-right:1px solid #b3b3b3;height:25px}.forget-password{color:#999;font-size:16px;margin-bottom:0;cursor:pointer}.forget-password,.login-btn{font-family:"SukhumvitSet-SemiBold"}.login-btn{background-color:#b31117;width:85%;border-radius:6px;padding:8px 4px;display:flex;justify-content:center;align-items:center;height:40px;border:none;text-align:center;color:#fff;font-size:18px;margin-top:10px}.login-shadow{width:95%;height:auto;margin-top:30px}.error-input{font-family:"SukhumvitSet-Medium";font-size:14px;margin-top:5px;color:#b31117;margin-bottom:0}.login-input-container.error-input{border:1px solid #b31117}.input-label{font-size:16px}.form-title,.input-label{font-family:"SukhumvitSet-SemiBold"}.form-title{font-size:28px}.modal-title{text-align:center;font-family:"SukhumvitSet-SemiBold"}.modal-btn,.modal-des{font-family:"SukhumvitSet-Medium"}.modal-btn{background-color:#b31117;border:none;color:#fff;padding:5px 15px;border-radius:6px}.form-container{width:800px;border-radius:20px;border:4px solid #fff;background:linear-gradient(0deg,hsla(0,0%,80%,.1) 0,#fff);display:flex;align-items:center;justify-content:center;flex-direction:column}@media only screen and (min-width:576px){.login-container{width:450px}.login-logo{height:160px}.login-shadow{width:700px}}.nav-container{position:fixed;top:0;left:0;width:200px;height:100%;background:#fff;display:none}.main-bg{height:100%;padding-bottom:25px;min-height:100vh}.nav-logo{width:100%;cursor:pointer}.nav-btn{display:flex;justify-content:flex-start;align-items:center;padding:10px 25px;position:relative;cursor:pointer}.nav-btn:hover,.nav-btn:hover>.nav-bottom-border{background:linear-gradient(90deg,#ccc 0,#fff)}.nav-icon{height:25px;padding-right:8px}.nav-text{font-family:"SukhumvitSet-SemiBold";font-size:18px;color:#000;margin-bottom:0}.nav-active>.nav-text,.nav-btn:hover>.nav-text{color:#b31117}.nav-btn:hover>.nav-icon{-webkit-filter:grayscale(0)!important;filter:grayscale(0)!important}.chevron{position:absolute;right:10px}.chevron:after{position:relative;top:-2pt;content:"";display:inline-block;width:.5em;height:.5em;border-right:.15em solid #000;border-top:.15em solid #000;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:.5em}.nav-active>.chevron:after,.nav-btn:hover>.chevron:after{border-right:.15em solid #b31117;border-top:.15em solid #b31117}.nav-btn-container{margin-top:35px;max-height:70%;overflow-x:hidden;overflow-y:auto}.nav-btn-container::-webkit-scrollbar{width:0}.nav-bottom-border{height:1px;position:absolute;bottom:0;left:15px;width:170px;background:#ccc}.nav-active,.nav-active>.nav-bottom-border,.nav-sub-container{background:linear-gradient(90deg,#ccc 0,#fff)}.nav-sub-container{padding:0 15px;font-family:"SukhumvitSet-Medium";font-size:16px;color:#000;max-height:250px;overflow-y:auto;transition:max-height .5s ease-out}.nav-sub-container>div{font-family:"SukhumvitSet-SemiBold"}.nav-sub-container>div:hover{color:#b31117}.nav-sub-container::-webkit-scrollbar{width:0}.nav-sub-container div{padding:10px 0 10px 15px;border-bottom:1px solid #ccc;cursor:pointer;margin-left:35px;font-size:14px}.nav-sub-container div:last-child{border-bottom:0}@media only screen and (min-width:1200px){.nav-container{display:block}.main-bg{padding-bottom:50px}}.header{background:#fff;width:calc(100% - 200px);margin-left:200px;height:70px;box-shadow:0 7px 5px 0 hsla(0,0%,80%,.75);-webkit-box-shadow:0 7px 5px 0 hsla(0,0%,80%,.75);-moz-box-shadow:0 7px 5px 0 hsla(0,0%,80%,.75)}.header-xs{background:#fff;width:100%;display:flex;justify-content:center;align-items:center;border-bottom:1px solid hsla(0,0%,52.9%,.35);z-index:2;position:fixed;top:0}.header-xs>img{height:28px}.menu-btn{position:absolute;left:15px}.header-row{display:flex;align-items:flex-end;height:100%;margin-right:0!important}.header-title{font-family:"SukhumvitSet-SemiBold"}.header-name{font-family:"SukhumvitSet-Medium";font-size:16px}.user-container{display:flex;align-items:center;justify-content:center;position:relative}.user-image{margin-bottom:10px;margin-left:20px;border-radius:50%;cursor:pointer}.user-dropdown{border-radius:6px;box-shadow:0 0 5px 0 rgba(0,0,0,.25);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.25);padding:0 17.5px;position:absolute;background-color:#fff;width:250px;top:50px;transition:visibility .3s linear,opacity .3s linear;z-index:1}.user-profile-btn{height:45px;font-family:"SukhumvitSet-Medium";font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.user-profile-btn:not(:last-child){border-bottom:1px solid rgba(0,0,0,.25)}.user-profile-btn:hover{color:#b31117}.user-profile-btn:hover>.logout-icon{-webkit-filter:grayscale(0);filter:grayscale(0)}.menu-container{height:100%;width:100%;position:absolute;background-color:rgba(0,0,0,.25);z-index:9999;transition:visibility .3s linear,opacity .3s linear;position:fixed;top:53px}.menu-list{border-bottom:1px solid hsla(0,0%,52.9%,.35);font-family:"SukhumvitSet-Medium";font-size:16px;padding-left:15px;background-color:#fff;position:relative}.menu-list>.chevron{position:absolute;top:0;bottom:0;right:15px;display:flex;justify-content:center;align-items:center}.nav-list-container{transition:max-height .5s ease-out,visibility .3s linear;max-height:100%}.nav-list-container>div{border-bottom:1px solid hsla(0,0%,52.9%,.35);font-family:"SukhumvitSet-Medium";font-size:16px;padding-left:3%;background-color:#fff;position:relative;padding-top:.5rem;padding-bottom:.5rem}@media only screen and (min-width:1200px){.header{display:block}}.body-container{margin-left:0}#dashboard{padding-top:155px}.dashboard-header{font-family:"SukhumvitSet-SemiBold";color:#b31117;padding-top:25px;padding-bottom:15px;max-width:90%}.map-container{height:220px}.marker-container{display:flex;align-items:center;justify-items:center;flex-direction:column}.marker-title-container{width:-webkit-max-content;width:max-content;background-color:hsla(0,0%,100%,.65);font-family:"SukhumvitSet-SemiBold";color:#000;padding:5px 15px;font-size:14px;margin-bottom:5px;position:relative;border-radius:4px;position:absolute;top:-78px}.marker-img{position:absolute;top:-35px}.marker-title-container:before{content:"";position:absolute;z-index:1;bottom:-15px;left:calc(50% - 8px);border:8px solid transparent;border-top-color:hsla(0,0%,100%,.65)}.dashboard-right-container{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.dashboard-card{width:100%;height:100%}.dashboard-card-header{background-color:#b31117;width:100%;height:30px;border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;align-items:center;position:relative;border:.5px solid #b31117}.card-header-chevron:after{position:relative;top:-2pt;content:"";display:inline-block;width:.75em;height:.75em;border-right:.15em solid #fff;border-top:.15em solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-right:1em;cursor:pointer}.dashboard-card-body{height:calc(100% - 30px);min-height:220px;width:100%;background-color:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:.5px solid hsla(0,0%,52.9%,.35)}.dashboard-card-icon-container{display:flex;align-items:center;font-family:"SukhumvitSet-Medium";font-size:14px;color:#fff;width:100%}.dashboard-card-icon-container>img{height:20px}.card-dropdown{border-radius:6px;box-shadow:0 0 5px 0 rgba(0,0,0,.25);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.25);padding:0 17.5px;position:absolute;background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;top:35px;right:10px;transition:visibility .3s linear,opacity .3s linear;display:flex;flex-direction:column;z-index:2}.card-dropdown-btn{height:45px;font-family:"SukhumvitSet-Medium";font-size:16px;cursor:pointer;display:flex;align-items:center;justify-items:center;text-align:center}.card-dropdown-btn:not(:last-child){border-bottom:1px solid rgba(0,0,0,.25)}.card-dropdown-btn:hover{color:#b31117}.logout-icon{-webkit-filter:grayscale(1);filter:grayscale(1)}.graph-container{width:auto;height:500px;padding:40px}.dashboard-progress-card{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"SukhumvitSet-SemiBold";color:#000;font-size:12px;border-radius:6px;padding:8px 0 4px;border:.5px solid hsla(0,0%,52.9%,.35)}.dashboard-progress-card.disabled>.dashboard-progress-container,.dashboard-progress-card.disabled>p{opacity:.25;-webkit-filter:grayscale(1);filter:grayscale(1)}.dashboard-progress-container{width:80%;padding:5px 0}.dashboard-value-container{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.dashboard-value{font-family:"SukhumvitSet-Thin";font-size:30px}.dashboard-unit{position:absolute;bottom:-20%;font-family:"SukhumvitSet-Thin";font-size:10px}.dashboard-product-container{background-color:#fff;border-radius:6px;border:.5px solid hsla(0,0%,52.9%,.35);height:110px}.dashboard-image-container{display:flex;justify-content:center;align-items:center}.dashboard-image-container>img{width:80%;height:auto;max-width:100%}.dashboard-product-name-container{display:flex;align-items:flex-start;flex-direction:column}.dashboard-product-name-container.product{border-left:1px solid #b31117;height:100%}.dashboard-name-label{background-color:#b31117;border-top-right-radius:6px;border-bottom-right-radius:6px;color:#fff;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.dashboard-model,.dashboard-name-label{font-size:14px;font-family:"SukhumvitSet-Bold"}.dashboard-serial{font-family:"SukhumvitSet-SemiBold";font-size:12px;margin-top:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow-x:hidden}.dashboard-other-container{border-left:1px solid hsla(0,0%,52.9%,.35);display:flex;flex-direction:column;position:relative}.dashboard-other-label-container{display:flex;align-items:center;position:absolute;top:10%}.dashboard-other-label{font-family:"SukhumvitSet-SemiBold";font-size:12px}.dashboard-product-status{background-color:#3fbfef;height:6px;width:6px;border-radius:50%;margin-right:7.5px}.dashboard-status-container{height:100%;display:flex;justify-content:center;align-items:center;font-family:"SukhumvitSet-SemiBold";font-size:28px;color:#3fbfef;margin-top:10%}.dashboard-other-icon{margin-right:7.5px}.dashboard-switch-container{margin-top:10%;height:100%;display:flex;justify-content:center;align-items:center;font-family:"SukhumvitSet-SemiBold";font-size:16px}.dashboard-other-btn-container{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;height:100%}.dashboard-control-btn,.dashboard-notify-btn{width:70%;border-radius:3px;padding:4px 0;border:none;background-color:#b31117;color:#fff;font-family:"SukhumvitSet-SemiBold";font-size:12px}.dashboard-notify-btn{background-color:#fbb03b}.dashboard-control-btn:disabled,.dashboard-notify-btn:disabled{background-color:#bdc1c6;color:#4d4d4d}.dashboard-product-status.service-status{background-color:#bdc1c6}.dashboard-status-container.service-status{color:#bdc1c6}.pointer{cursor:pointer}.dashboard-xs-header-container{background-color:#fff;top:53px;width:100%;position:fixed;z-index:1}#loading-modal>.modal-content{background-color:initial!important;display:flex;justify-content:center;align-items:center;border-color:transparent!important}.loader{border:12px solid #e6e6e6;border-top-color:#b31117;border-radius:50%;width:40vw;height:40vw;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-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)}}@media only screen and (min-width:576px){.dashboard-progress-card{padding:15px 0 10px}.dashboard-progress-container{padding:10px 0}.dashboard-value{font-size:3.5vw}.map-container{height:250px}.dashboard-unit{font-size:1vw}.dashboard-product-name-container{border-left:1px solid #b31117}.dashboard-control-btn,.dashboard-notify-btn{width:80px;border-radius:6px;padding:7.5px 0}.dashboard-image-container>img{width:75%}.dashboard-product-container{height:125px}.loader{width:20vw;height:20vw}.dashboard-header{max-width:100%}}@media only screen and (min-width:992px){.dashboard-image-container>img{width:60%}.dashboard-product-name-container{border-left:5px solid #b31117}}@media only screen and (min-width:1200px){.body-container{margin-left:200px}#dashboard{padding-top:0}.map-container{height:400px}.dahsboard-progress-card{font-size:1.15vw}.dashboard-other-container{border-left:2px solid hsla(0,0%,52.9%,.35)}.dashboard-name-label{font-size:1.25vw;border-top-right-radius:6px;border-bottom-right-radius:6px}.dashboard-progress-card{font-size:1.25vw}.dashboard-product-container{height:35px}.dashboard-model{font-size:20px}.dashboard-serial{font-size:16px;margin-top:-5px}.dashboard-card-icon-container{font-size:16px}.dashboard-card-icon-container>img{height:auto}.dashboard-card-header{height:40px}.dashboard-card-body{height:calc(100% - 40px);min-height:250px}.dashboard-status-container{font-size:2.5vw}.dashboard-switch-container{font-size:18px}.dashboard-other-label{font-size:20px}.dashboard-control-btn,.dashboard-notify-btn{width:100px;border-radius:6px;padding:7.5px 0;font-size:16px}.dashboard-image-container>img{width:auto;height:70%}.loader{width:10vw;height:10vw}}@media only screen and (min-width:1140px){.dashboard-product-container{height:160px}}@media only screen and (min-width:1320px){.dashboard-product-container{height:170px}.dashboard-switch-container{font-size:22px}}.control-container{height:350px}.control-center-colum,.control-left-colum,.control-right-colum{display:flex;flex-direction:column;height:100%}.control-room-temp-container{height:calc(50% - .5rem);border-radius:6px}.control-room-temp-container.hot{background-color:#b31117;border:1px solid #b31117}.control-room-temp-container.cool{background-color:#3fbfef;border:1px solid #3fbfef}.control-room-control-container{background-color:#fff;height:100%;border-radius:6px;border:.5px solid hsla(0,0%,52.9%,.35)}.monitor-container{justify-content:space-between}.room-temp-label{font-size:16px;color:#fff;font-family:"SukhumvitSet-SemiBold";margin-left:15px;padding-top:5px}.monitor-container{display:flex;justify-content:space-evenly;align-items:center}.monitor-value{display:flex;justify-content:center;align-items:center}.monitor-value>p{font-size:32px;color:#fff;font-family:"SukhumvitSet-Light"}.monitor-value>p>span,.temp-panel>p>span{font-size:16px}.monitor-value>img{height:30px}.control-container-panel{flex-direction:column}.control-container-panel,.temp-panel{display:flex;justify-content:center;align-items:center;height:100%}.temp-panel{flex-direction:row;font-size:32px;font-family:"SukhumvitSet-Medium";color:rgba(0,0,0,.7)}.temp-panel.disabled{opacity:.25}.temp-panel>span{font-size:22px;margin-top:-10px}.arrow-up{border-bottom:12px solid #b31117}.arrow-down,.arrow-up{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;cursor:pointer}.arrow-down{border-top:12px solid #b31117}.control-label{font-size:16px;color:rgba(0,0,0,.7);font-family:"SukhumvitSet-SemiBold";margin-left:15px;padding-top:10px}.control-label.disabled{opacity:.25}.control-mode-container{display:flex;align-items:flex-start;justify-content:space-around;position:relative}.mode-container{display:flex;align-items:center;flex-direction:column;font-size:10px;font-family:"SukhumvitSet-SemiBold";background:transparent;border:none;opacity:.5;-webkit-filter:grayscale(1);filter:grayscale(1);cursor:pointer}.mode-container.active{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}.mode-container:disabled{opacity:.25!important;-webkit-filter:grayscale(1)!important;filter:grayscale(1)!important}.mode-container>img{width:auto;height:25px}.mode-container.power>img{height:35px}.power-control-btn{height:45px!important}.control-right-border{border-right:1px solid rgba(0,0,0,.25);position:absolute;top:-40%;bottom:10%;right:-.125rem}.control-vertical-container{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;height:calc(100% - 60px)}.power-status{font-size:18px;color:rgba(0,0,0,.7)}.plan-view-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%}.plan-view-btn{border-radius:10px;border:.5px solid hsla(0,0%,52.9%,.35);height:100%;width:100%;background:#fff;padding:15px}.plan-view-btn-container{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:18px;font-family:"SukhumvitSet-SemiBold";color:#999;cursor:pointer}.plan-view-btn>img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.plan-view-btn-container.active{color:#b31117}.plan-view-btn-container.active>.plan-view-btn>img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.control-plan-container{border:1px solid hsla(0,0%,52.9%,.35);border-radius:6px;background:#fff;height:90vh;width:100%;padding:30px;display:flex;justify-content:center;align-items:center;background-position:50%;background-size:contain;background-repeat:no-repeat;position:relative}.control-plan{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative}.room-plan{width:auto;height:65vh;max-width:100%}.ac-container,.ac-info-bottom,.ac-info-bottom-iaq,.ac-info-top,.ac-info-top-iaq{position:absolute;background:#e6e6e6;border-radius:6px;box-shadow:8px 0 19px 0 rgba(0,0,0,.36);-webkit-box-shadow:8px 0 19px 0 rgba(0,0,0,.36);-moz-box-shadow:8px 0 19px 0 rgba(0,0,0,.36);z-index:1}.ac-container>img{cursor:pointer;height:clamp(25px,4.5vh,35px);width:auto;border-radius:6px}.ac-info-top,.ac-info-top-iaq{width:-webkit-max-content;width:max-content;top:clamp(-130px,-13.5vh,-105px);padding:clamp(4px,.5vw,10px) clamp(24px,1.5vw,30px) clamp(6px,.5vw,12px) clamp(12px,.75vw,15px);background:#e6e6e6;box-shadow:8px 0 19px 0 rgba(0,0,0,.36);-webkit-box-shadow:8px 0 19px 0 rgba(0,0,0,.36);-moz-box-shadow:8px 0 19px 0 rgba(0,0,0,.36)}.ac-info-top-iaq{top:clamp(-185px,-19.5vh,-155px)}.ac-info-bottom,.ac-info-bottom-iaq{width:-webkit-max-content;width:max-content;bottom:clamp(-130px,-13.5vh,-105px);padding:clamp(4px,.5vw,10px) clamp(24px,1.5vw,30px) clamp(6px,.5vw,12px) clamp(12px,.75vw,15px);background:#e6e6e6;box-shadow:8px 0 19px 0 rgba(0,0,0,.36);-webkit-box-shadow:8px 0 19px 0 rgba(0,0,0,.36);-moz-box-shadow:8px 0 19px 0 rgba(0,0,0,.36)}.ac-info-bottom-iaq{bottom:clamp(-185px,-19.5vh,-155px)}.ac-name{font-family:"SukhumvitSet-Bold";font-size:clamp(12px,1vw,16px);opacity:.7}.ac-title{font-family:"SukhumvitSet-SemiBold";font-size:clamp(12px,.75vw,14px);margin-bottom:-1.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.ac-status{font-family:"SukhumvitSet-Medium";color:#3fbfef}.ac-status.power-off{color:#b31117}.ac-status.offline{color:#999}.control-select-dropdown{background-color:#b31117;position:absolute;padding:0 6px;top:4px;right:10px;border-radius:3px;cursor:pointer}.control-select-dropdown:after{position:relative;top:-2pt;content:"";display:inline-block;width:.5em;height:.5em;border-right:.15em solid #fff;border-top:.15em solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.control-select-container{background-color:#fff;position:absolute;border-radius:6px;box-shadow:0 0 5px 0 hsla(0,0%,80%,.75);-webkit-box-shadow:0 0 5px 0 hsla(0,0%,80%,.75);-moz-box-shadow:0 0 0 0 hsla(0,0%,80%,.75);z-index:9998;top:45px;right:10px;transition:visibility .3s linear,opacity .3s linear}.control-select{display:flex;justify-content:flex-start;align-items:center;padding:10px;font-family:"SukhumvitSet-SemiBold";font-size:14px;width:300px;color:#000}.control-select>img{height:24px}.control-select>p{width:110px}.control-search-btn{float:right;border-radius:3px;border:none;color:#fff;background-color:#b31117;font-family:"SukhumvitSet-SemiBold";font-size:14px;padding:5px 10px}@media screen and (min-width:576px){.control-select-dropdown{right:-5px}}@media only screen and (min-width:922px){.temp-panel{flex-direction:column;font-size:clamp(42px,2.5vw,48px)}}@media only screen and (min-width:1200px){.power-control-btn{height:auto!important}.control-select-dropdown{padding:0 8px;top:28px;right:-25px}.control-select-container{top:60px!important;right:-22px!important}.monitor-value>img{height:auto}.mode-container>img{height:auto;min-height:35px}.control-label,.room-temp-label{font-size:clamp(18px,1.2vw,20px)}.arrow-up{border-bottom:20px solid #b31117}.arrow-down,.arrow-up{border-left:15px solid transparent;border-right:15px solid transparent}.arrow-down{border-top:20px solid #b31117}.control-mode-container{align-items:center}}.product-container{background-color:#fff;border-radius:6px;border:.5px solid hsla(0,0%,52.9%,.35);height:110px}.product-date-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%}.product-date-label{font-family:"SukhumvitSet-Bold";font-size:16px}.product-date{font-family:"SukhumvitSet-Medium";font-size:16px}.warranty-container{width:100%;height:100%}.warranty-add-btn,.warranty-container{display:flex;justify-content:center;align-items:center}.warranty-add-btn{background:#e6e6e6;height:70px;width:70px;border-radius:8px;font-family:"SukhumvitSet-SemiBold";color:#fff;font-size:62px;cursor:pointer}.dashboard-image-container.product>img{width:80%;height:auto;max-height:115px}@media only screen and (min-width:576px){.dashboard-image-container.product>img{height:60%;width:auto}.product-container{height:125px}}@media only screen and (min-width:922px){.dashboard-product-name-container.product{border-left:5px solid #b31117}}@media only screen and (min-width:1200px){.dashboard-image-container.product>img{width:auto;height:85%}.product-container{height:170px}}.table-container{background-color:#fff;height:100%;min-height:80vh;border-radius:6px;border:.5px solid hsla(0,0%,52.9%,.35);position:relative}.table-container-title{display:flex;align-items:flex-start;position:relative}.table-container-title h5{font-family:"SukhumvitSet-Bold";font-size:18px;color:#b31117;word-break:break-all;max-width:85%}#report-open{top:-2px;right:-10px}#report-open-indoor{right:10px;top:2px}.error-table>tbody{border-top:none!important}.error-table th{background:#b31117!important;color:#fff}.error-table td,.error-table th{height:35px;border-bottom:0;max-width:100%;white-space:nowrap;text-align:center;font-family:"SukhumvitSet-Medium";font-size:12px}.error-table tr:nth-child(2n),.error-table tr:nth-child(2n)>td{background-color:#f2f2f2!important}.error-table tr:nth-child(odd),.error-table tr:nth-child(odd)>td{background-color:#e6e6e6!important}.pagination{flex-wrap:wrap}.pagination-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.page-link{color:#b31117!important;cursor:pointer}.page-link:hover{color:#fff!important;background:#b31117!important}.page-item.active .page-link{color:#fff!important;background-color:#b31117!important;border-color:#b31117!important}.table-overflow{overflow-x:auto;position:relative}.table-overflow::-webkit-scrollbar{height:7px}.table-overflow::-webkit-scrollbar-thumb{background:hsla(0,0%,80%,.5)}.table-overflow::-webkit-scrollbar-thumb:hover{background:#999}.error-icon{width:auto;height:30px}@media only screen and (min-width:576px){#report-open{right:-20px}#report-open-indoor{right:80px}.table-container-title h5{font-size:22px;max-width:100%}#setting-filter-container{right:-30px!important}#power-dropdown{right:10px}}@media only screen and (min-width:1200px){.table-container-title h5{font-size:26px}#report-open{top:4px}#report-open-indoor{right:-25px}.error-icon{height:45px}.table-container-title h5{max-width:100%}#setting-filter-container{top:45px!important}}.report-time{font-family:"SukhumvitSet-Medium";font-size:16px}.export-btn{position:absolute;top:1.5rem;right:1.5rem;border:none;background-color:#b31117;color:#fff;display:flex;justify-items:center;align-items:center;font-family:"SukhumvitSet-SemiBold";font-size:12px;padding:10px;border-radius:6px}#power-report{padding-top:105px}.total-container{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"SukhumvitSet-SemiBold";background-color:#fff;border-radius:6px;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:.5px solid hsla(0,0%,52.9%,.35);height:100%}.bill-note{font-size:12px;color:#b31117;font-family:"SukhumvitSet-Medium"}@media only screen and (min-width:1200px){.export-btn{right:2rem}.sticky-col{position:-webkit-sticky;position:sticky;min-width:100px;max-width:300px!important;text-overflow:ellipsis;overflow:hidden}#power-report{padding-top:0}}.body-container>.profile-container{min-height:calc(100vh - 100px);align-items:center;display:flex}.profile-container{width:100%;display:flex;justify-content:center}.profile-form-container{width:450px;border-radius:20px;background:linear-gradient(0deg,hsla(0,0%,80%,.1) 0,#fff);display:flex;align-items:center;justify-content:center;flex-direction:column;border:4px solid #fff}.profile-image-container{height:120px;width:120px;position:relative}.profile-image-input{position:absolute;height:100%;width:100%;border-radius:50%;border:4px solid #fff;cursor:pointer}.form-check-label,.form-control,.form-select{font-family:"SukhumvitSet-Medium"}.setting-title{font-size:22px;font-family:"SukhumvitSet-SemiBold"}.room-img-front{background:transparent;height:100%;width:100%;position:absolute;top:0}.handle{cursor:pointer!important}.drag-ac{width:100%;height:100%;background:transparent;top:0;z-index:1}.delete-ac,.drag-ac{position:absolute;cursor:pointer}.delete-ac{background:#b31117;color:#fff;font-family:"SukhumvitSet-SemiBold";font-size:12px;border-radius:50%;width:15px;height:15px;display:flex;justify-content:center;align-items:center;top:-5px;right:-5px;z-index:2}.ac-list-card-container{overflow-x:auto;display:flex}.ac-list-card-container::-webkit-scrollbar{width:0}.ac-list-card{min-width:250px;background:#fff;border-radius:6px;border:1px solid hsla(0,0%,52.9%,.35);margin-right:.5rem;margin-bottom:.5rem;padding:10px 15px}.ac-list-card:last-child{margin-right:0}.ac-list-card>p{font-family:"SukhumvitSet-SemiBold";font-size:clamp(14px,.75vw,16px);margin-bottom:-1.5px;opacity:.7}.ac-description,.ac-list-card>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-description{font-family:"SukhumvitSet-Medium";font-size:14px}.add-ac-btn-container{display:flex;align-items:flex-end;justify-content:flex-end}.add-ac-btn{background:#e6e6e6;border:none;width:30px;height:30px;border-radius:3px;color:#b31117;font-family:"SukhumvitSet-Medium";font-size:18px}.setting-ac-info-bottom,.setting-ac-info-top{position:absolute;border-radius:6px;background:#e6e6e6;box-shadow:8px 0 19px 0 rgba(0,0,0,.36);-webkit-box-shadow:8px 0 19px 0 rgba(0,0,0,.36);-moz-box-shadow:8px 0 19px 0 rgba(0,0,0,.36)}.setting-ac-info-top{top:-68px}.setting-ac-info-bottom,.setting-ac-info-top{width:-webkit-max-content;width:max-content;padding:10px 30px 12px 15px}.setting-ac-info-bottom{bottom:-68px}.setting-table>tbody{border-top:none!important}.setting-table th{background:#b31117!important;color:#fff;font-size:14px}.setting-table td,.setting-table th{height:35px;border-bottom:0;font-family:"SukhumvitSet-Medium";max-width:100%;white-space:nowrap;text-align:center}.setting-table tr td:first-child,.setting-table tr td:last-child,.setting-table tr th:first-child,.setting-table tr th:last-child{width:1%;white-space:nowrap}.setting-table tr:nth-child(2n){background-color:#f2f2f2}.setting-table tr:nth-child(odd){background-color:#e6e6e6}.manage-ac{display:none}.table-image{height:100px}.table-delete,.table-edit,.table-image,.table-manage{cursor:pointer}.table-delete{color:#b31117}.table-manage{color:#3fbfef}.modal-close-btn{position:absolute;top:10px;right:10px}.form-image-container{height:180px;width:100%;position:relative;border:1px solid #ced4da}.form-image-input{position:absolute;height:100%;width:auto;max-height:180px;cursor:pointer;left:0;right:0;top:0;bottom:0;margin:auto}.add-modal-btn,.save-position-btn{background-color:#b31117;color:#fff;display:flex;justify-items:center;align-items:center;font-family:"SukhumvitSet-SemiBold";font-size:14px;padding:5px 10px;border-radius:6px;border:none}.save-position-btn{padding:10px 15px;position:absolute;right:0}.error-image-upload{border:1px solid #b31117}.form-error{width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.form-control{font-family:"SukhumvitSet-Medium"}.modal-btn-container{display:flex;align-items:center;justify-content:space-around}.modal-btn-container>button{width:100px;border-radius:6px}.btn.active:focus,.btn:active:focus,.btn:focus,.form-control:focus,.form-select:focus{outline:none!important;box-shadow:none!important}.form-control:focus,.form-select:focus{border:1px solid #ced4da!important}.modal-btn-container>button:first-child{background:#fff;border:1px solid #b31117;color:#b31117;font-family:"SukhumvitSet-Medium"}.modal-btn-container>button:last-child{border:1px solid #fff}.clear-btn,.modal-btn-container>button:last-child,.search-btn{background:#b31117;color:#fff;font-family:"SukhumvitSet-Medium"}.clear-btn,.search-btn{height:38px;border:2px solid #b31117;border-radius:6px;padding:0 15px;font-size:16px;display:flex;justify-content:center;align-items:center}.clear-btn{background-color:#fff;color:#b31117}.location-container{height:92.5%;position:relative}#map{height:100%}.current-location-btn{position:absolute;z-index:1;margin:10px;background-color:#fff;border:none;box-shadow:0 1px 4px -1px rgba(0,0,0,.3);border-radius:2px;height:40px;display:flex;justify-content:center;align-items:center;padding:0 10px;font-family:"SukhumvitSet-Medium"}.current-location-icon{height:20px;width:20px;margin-right:5px}.position-select-dropdown{background-color:#b31117;position:absolute;padding:0 6px;top:0;bottom:0;right:-25px;border-radius:3px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;height:23px}.position-select-dropdown:after{position:relative;top:-2pt;content:"";display:inline-block;width:.5em;height:.5em;border-right:.15em solid #fff;border-top:.15em solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg)}@media only screen and (min-width:576px){.add-modal-btn,.save-position-btn{font-size:14px;padding:10px 15px;border-radius:6px}.position-select-dropdown{right:-30px}}@media only screen and (min-width:922px){.manage-ac{display:table-cell}}.body-container>.not-found-container{min-height:calc(100vh - 100px);align-items:center;display:flex}.not-found-container{width:100%;display:flex;justify-content:center}.not-found-form-container{width:85%;height:60vh;border-radius:20px;background:#fff;box-shadow:10px 10px 64px 0 rgba(0,0,0,.25);-webkit-box-shadow:10px 10px 64px 0 rgba(0,0,0,.25);-moz-box-shadow:10px 10px 64px 0 rgba(0,0,0,.25)}.not-found-form-container,.not-found-logo{display:flex;align-items:center;justify-content:center}.not-found-logo{flex-direction:column;width:80%;height:80%;border-radius:100%;position:relative}.page-not-found-image{width:60%;height:auto}.page-not-found-message-container{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}.not-found-title{font-family:"SukhumvitSet-Medium";color:#b31117;font-size:46px;margin-bottom:0}.not-found-sub-title{font-family:"SukhumvitSet-Bold";color:#000;font-size:16px}.not-found-text{font-family:"SukhumvitSet-Light";color:hsla(0,0%,60%,.75);font-size:14px}.homepage-btn{background-color:#b31117!important;border-color:#b31117!important;font-family:"SukhumvitSet-Medium"!important}@media only screen and (min-width:576px){.not-found-form-container{width:65%}.page-not-found-image{width:50%}}@media only screen and (min-width:922px){.not-found-title{font-size:72px}.not-found-sub-title{font-size:22px}.not-found-text{font-size:20px}}@media only screen and (min-width:1200px){.page-not-found-image{width:80%}}.remove-image{position:absolute;right:20px;top:10px;height:20px;width:20px;z-index:1}@font-face{font-family:"SukhumvitSet-Bold";src:url(/static/media/SukhumvitSet-Bold.815247c5.ttf) format("opentype")}@font-face{font-family:"SukhumvitSet-SemiBold";src:url(/static/media/SukhumvitSet-SemiBold.e8cf89d2.ttf) format("opentype")}@font-face{font-family:"SukhumvitSet-Medium";src:url(/static/media/SukhumvitSet-Medium.9ffb7807.ttf) format("opentype")}@font-face{font-family:"SukhumvitSet-Thin";src:url(/static/media/SukhumvitSet-Thin.4f954f45.ttf) format("opentype")}@font-face{font-family:"SukhumvitSet-Light";src:url(/static/media/SukhumvitSet-Light.c4524fa3.ttf) format("opentype")}body{background-color:#2e2e40;min-height:100vh}.body-container-monitor,body{display:flex;justify-content:center;align-items:center}.body-container-monitor{height:90vh;width:95vw}.monitor-logo{position:fixed;height:5vh;right:0;top:0}.left-container{width:25%;margin-right:.5rem}.left-container,.right-container{height:100%;display:flex;flex-direction:column}.right-container{width:75%;margin-left:.5rem}.date-time-container{height:20%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.date-container{font-size:1.35vw;color:#eee;font-family:"SukhumvitSet-SemiBold"}.time-container{font-size:4.5vw;color:#eee;font-family:"SukhumvitSet-Thin";font-weight:bolder;margin-top:-10%}.device-list-container{height:80%;width:100%;margin-top:.5rem;border-radius:10px;background-image:url(/static/media/gradient-bg.14302e98.png);background-size:cover;border:.66px solid #fff;background-position:50%;display:flex}.device-list{width:100%;margin:5% 0;display:flex}.device-list>div{height:100%;width:100%;text-align:center}.device-list>div:not(:first-child){border-left:.66px solid #fff;width:55%}.device-list-header{margin-top:-1vh;margin-bottom:.5rem;color:#eee;font-family:"SukhumvitSet-SemiBold";font-size:1.25vw}.device-info-container{width:100%;height:12.15%;display:flex;align-items:center}.device-info-container>img{width:30%;height:auto;margin:0 5% 0 10%}.device-info-container>div{width:100%;color:#eee;font-family:"SukhumvitSet-Bold";font-size:.85vw;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:5.5vw}.device-status-container{width:100%;height:12.15%;display:flex;align-items:center;justify-content:center;font-family:"SukhumvitSet-Bold";font-size:1vw}.status-on{color:#49db4d!important}.status-off{color:#c40000!important}.iaq-container{height:25%;width:100%;margin-top:.5rem;display:flex;justify-content:space-between}.iaq-card{height:100%;width:calc(20% - .75rem);border-radius:6px;background-image:url(/static/media/gradient-bg.14302e98.png);border:.66px solid #fff;background-position:50%;background-size:100% 100%;display:flex;flex-direction:column;align-items:center;position:relative}.iaq-card>p{font-family:"SukhumvitSet-Bold";color:#eee;font-size:.9vw;margin-top:.75rem}.circular-container{width:65%}.circular-value-container{display:flex;justify-content:center;align-items:center;color:#eee;font-family:"SukhumvitSet-Thin";font-size:2.5vw;position:relative}.circular-status{position:absolute;font-size:.7vw;top:-20%;font-family:"SukhumvitSet-Light";width:-webkit-max-content;width:max-content}.circular-icon{position:absolute;bottom:5%;height:1.75vw;width:auto}.plan-container{margin-top:2.5%;height:72.5%;margin-bottom:.5rem;display:flex;flex-direction:column;justify-content:space-between}.plan-title{color:#eee;font-family:"SukhumvitSet-Medium";font-size:1.95vw;margin:0;text-align:center}.plan-image-container{height:90%;background-position:50%;background-size:contain;background-repeat:no-repeat}
/*# sourceMappingURL=main.8a123940.chunk.css.map */