@charset "UTF-8";@font-face{font-family:SF-Pro-Display;src:url(/assets/SF-Pro-Display-Regular-2nqpBkwV.otf) format("opentype")}@font-face{font-family:SF-Pro-Display-Bold;src:url(/assets/SF-Pro-Display-Bold-BTSGLTri.otf) format("opentype")}:scope:root{font-family:SF-Pro-Display,sans-serif!important;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:SF-Pro-Display,sans-serif}body{padding:0;margin:0;width:100%;height:100vh}h5{font-weight:600;font-size:24px;line-height:32px;color:#fff;margin:0}#root{position:fixed;top:0;right:0;left:0;bottom:0}.divStyle{flex-direction:row;background:#00050c;align-items:center;width:100%;height:72px;margin:20px auto 0;border-radius:16px;display:flex;font-family:SF-Pro-Display,sans-serif!important}.groupbuttonStyle2{background-color:#505e6f26;width:100%;height:74px;display:flex;align-items:center;flex-direction:row;border-radius:var(--number-border-radius-distant-16-px, 16px);gap:16px;padding:16px;justify-content:flex-end;font-family:SF-Pro-Display,sans-serif!important}.sider-bar{margin-left:16px;background:transparent;margin-bottom:16px}.sider-bar.ant-layout-sider{background:transparent}.menu-bar-container{background-color:#18181f;border-radius:16px;padding:16px;height:100%}.menu-bar.ant-menu-item{padding:24px 8px;border-bottom:1px solid white}li.ant-menu-item{padding:32px 0!important;border-bottom:1px solid #353842;border-radius:0!important}li.ant-menu-item:not(.ant-menu-item-selected):active{background-color:unset!important}.menu-bar,.ant-layout-sider,.menu-bar .ant-menu-item-selected{background:transparent}.menu-link{margin-left:16px;color:#fff!important;font-weight:600;font-size:16px}.menu-title{margin:0}.container-icon{padding:8px;border-radius:8px}.ant-menu-item-selected .container-icon{background-color:#3247ff}.main_content{margin:0 16px 16px}.user-layout{background-image:url(../../BG\ 1-01.webp),linear-gradient(#00050c,#001c44);background-repeat:no-repeat;background-size:cover;height:100vh}.user-layout__main{background:transparent}.ant-card .ant-card-body{padding:14px}.content{background-color:#25232a;padding:10px;border-radius:16px;margin:13px 0 3px}.imageDevice{border-radius:100%;width:40px;height:40px;background-color:#fff;display:flex;align-items:center;justify-content:center}.font-sf{font-weight:400;font-size:16px}.font-16-600{font-size:16px!important;font-weight:600}.truncate{color:#fff;width:100%;overflow:hidden;text-overflow:ellipsis}.ant-notification-notice-wrapper{background:#505e6f26!important;box-shadow:0 8px 32px #505e6f26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:16px!important}.my-notification-antd .ant-notification-notice-message,.my-notification-antd .ant-notification-notice-description,.my-notification-antd .ant-notification-notice-close{color:#fff!important}.box-search span input{background:#0e203a;color:#fff}.box-search span input::placeholder{color:#fff}.Nav div a{color:"white"!important;background-color:"red"}.test a{align-items:center}.inactive{visibility:hidden}.activeHome,.activeMana,.activeSche{font-family:SF-Pro-Display,sans-serif;font-weight:400;font-size:16px;color:#fff;display:inline-block;height:19px;gap:0px;opacity:0px;transition:all .5s;transition-timing-function:ease-in-out}.activeSett{font-family:SF-Pro-Display,sans-serif;font-weight:400;font-size:16px;color:#fff;display:inline-block;height:19px;transition:all .5s;transition-timing-function:ease-in-out}.Homenav{display:flex;flex-direction:row;gap:8px}.Homenav2{width:140px;height:40px;border-radius:40px;background-color:#3247ff;display:flex;gap:8px;flex-direction:row;align-items:center;justify-content:center;transition:width .75s;transition-timing-function:ease}.Homenav3{display:flex;flex-direction:row;gap:8px}.container{display:grid;grid-template-columns:10rem 10rem 10rem;grid-gap:1rem;grid-auto-flow:row}.account-header{width:fit-content;height:40px;border-radius:40px;background-color:#3247ff;color:#fff!important;font-weight:400;font-size:16px;display:flex;align-items:center;padding:8px 16px;gap:8px;line-height:19.09px}.account-header:hover{background-color:#3246ffd2}.account-header-inactive{width:fit-content;height:40px;border-radius:40px;background-color:#505e6f26;color:#fff!important;font-weight:400;font-size:16px;display:flex;align-items:center;padding:8px 16px;gap:8px;line-height:19.09px}.account-header-inactive:hover{background-color:#505e6f63}.dropdown-language{background-color:#505e6f26!important;border:0px;padding:0;display:flex;justify-content:center;align-items:center;color:#fff;font-size:16px}.dropdown-language__item{background-color:#15151e!important;border:1px solid rgb(53,56,66)}.dropdown-language__item .ant-dropdown-menu-item-only-child .ant-dropdown-menu-title-content .select{display:flex;justify-content:space-between;align-items:center}.dropdown-language__item .ant-dropdown-menu-item-only-child .ant-dropdown-menu-title-content .select p{margin:0 0 0 10px;flex:1}.dropdown-language__item .ant-dropdown-menu-item.ant-dropdown-menu-item-selected{background-color:#505e6f26}.dropdown-language__item .ant-dropdown-menu-item.ant-dropdown-menu-item-selected .select{color:#3247ff}.dropdown-language__item .ant-dropdown-menu-item.ant-dropdown-menu-item-selected:hover{background-color:#505e6f26}.dropdown-language__item .ant-dropdown-menu-item .select{color:#fff}.dropdown-language__title{min-width:20px}.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover{color:#3247ff}.time-detail{display:flex;justify-content:space-around;height:40px;margin-bottom:8px}.time-bac{height:40px;width:100%;background-color:#25232a;border-radius:var(--number-border-radius-distant-16-px, 16px);display:flex;align-items:center}.time-text{color:#fff;padding:0 12px}.item-pie{height:40px;border-radius:var(--number-border-radius-distant-16-px, 16px);padding:10px;margin:4px 0}.card_tooltip{width:250px;height:100%;background-color:#3a383f;border-radius:var(--number-border-radius-distant-16-px, 16px)}.title_tooltip_chart_bar{color:#fff;width:100%;overflow:hidden;text-overflow:ellipsis}.title_device{background-color:#25232a;border-radius:var(--number-border-radius-distant-16-px, 16px)}.title_device .title_deice_margin{margin-top:8px;margin-bottom:8px}.icon-title{margin-left:8px;display:flex;align-items:center}.home-overall-space{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.home-overall-text{width:120px;height:27px;background-color:#505e6f26;color:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center}.recharts-wrapper{width:100%!important}.tag-information{width:fit-content;background-color:#353842;height:27px;padding:4px 16px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.tag-information .tag-active{font-size:16px;color:#1ac46f}.tag-information .tag-inactive{font-size:16px;color:#ff4d4f}.ant-tabs-ink-bar{display:none!important}.user-table{width:100%;overflow-y:scroll;overflow-x:hidden;height:calc(100vh - 130px)}.user-table .ant-pagination-item-ellipsis{background-color:#505e6f26!important;border-color:#505e6f26!important;color:#fff!important;display:flex;padding-top:20%}.user-table .ant-table-content{height:100%}@media only screen and (max-width: 1599px){.user-table .ant-table-content{height:64vh}}.user-table .ant-table-thead>tr>th{background-color:transparent!important;color:#a1a1a1!important;font-size:16px}.is-deleted-record{opacity:.3}.user-table.ant-table-wrapper .ant-table-column-sorter{color:#a1a1a1!important}.user-table.ant-table-wrapper .ant-table-tbody .ant-table-row>.ant-table-cell-row-hover{cursor:pointer;background-color:#505e6f26!important}.user-table .ant-table-cell{border-color:#353842!important;background-color:transparent!important}.user-table.ant-table-wrapper .ant-table-tbody .ant-table-row>.ant-table-cell-row-hover .tag-information{background-color:#505e6f26}.user-table.ant-table-wrapper .ant-table-tbody .ant-table-row>.ant-table-cell{border-color:#353842}.user-table.ant-table-wrapper .ant-table{color:#fff;background-color:transparent;font-size:16px}.user-table.ant-table-wrapper .ant-table-title{padding:0}.user-table .ant-table-measure-row{display:none}.user-table.ant-table-wrapper .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before,.user-table.ant-table-wrapper .ant-table-thead>tr>td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{display:none}.user-table.ant-table-wrapper td.ant-table-column-sort{background:transparent}.user-table.ant-pagination .ant-pagination-item-active a{color:#fff}.user-table.ant-pagination .ant-pagination-item-active{border-radius:8px;background-color:#3247ff;border:none}.user-table .ant-table-content::-webkit-scrollbar{background-color:#505e6f26!important}.user-table .ant-pagination-item-active{background-color:#3247ff!important;border-color:#3247ff!important}.user-table .ant-pagination-item{background-color:#505e6f26;border-color:#505e6f26}.user-table .ant-pagination-item a,.user-table .ant-pagination-item a:hover{color:#fff;border-color:transparent!important;background:transparent!important}.user-table .ant-pagination-item-link{background-color:#505e6f26!important;color:#fff!important}.user-table .header{margin-bottom:24px}.header-search{max-width:414px;height:40px;background-color:#505e6f26!important;border-radius:40px;color:#fff!important;border:none;float:right}@media only screen and (min-width: 575px) and (max-width: 950px){.header-search{margin-right:8px}}@media only screen and (max-width: 1599px){.header-search{max-width:214px;height:40px}}.header-search:focus-within{border:none!important;box-shadow:none}.header-search.ant-input-affix-wrapper>input.ant-input{background-color:transparent!important;color:#fff!important}.header-search .ant-input::placeholder{color:#a1a1a1!important}.header-filter{background-color:#505e6f26;box-shadow:none;margin-left:8px;float:right}.header-filter:hover{background-color:#505e6f63!important}.header-filter-active{background-color:#3247ff;box-shadow:none;margin-left:8px;float:right}.header-filter:hover{background-color:#3246ff6a!important}.select-group{width:100%;margin-top:8px;margin-bottom:16px;border:1px solid #a1a1a1;border-radius:8px}.select-option{width:100%!important;height:10%!important}.select-group .ant-select-arrow{color:#fff!important}.select-group:not(.ant-select-customize-input) .ant-select-selector{background-color:transparent;border:none!important;color:#fff!important}.select-group.ant-select-single.ant-select-lg.ant-select-open .ant-select-selection-item{color:#fff!important}.input-group{width:100%;margin-bottom:8px;border:1px solid #a1a1a1;border-radius:8px;background-color:transparent!important;color:#fff;padding:8px 16px}.input-span .ant-form-item-label>label{font-size:14px;color:#fff;line-height:16.71px;font-weight:400}.input-span .ant-input-affix-wrapper>input.ant-input{background-color:transparent!important;color:#fff!important}.input-span .ant-input[disabled]{background-color:transparent!important;color:#fff!important;opacity:.5}.input-span .ant-input-affix-wrapper .anticon.ant-input-password-icon{background-color:transparent;color:#fff}.ant-drawer .ant-drawer-content{background:#15151e;color:#fff;border-radius:16px;height:calc(100vh - 126px);width:97%;margin-top:110px}.ant-drawer .ant-drawer-header{padding:16px!important}.ant-drawer .ant-drawer-title{font-size:24px;color:#fff!important}.ant-drawer .ant-drawer-close{position:absolute;right:20px;color:#fff!important}.ant-drawer .ant-drawer-footer{padding:16px!important}.modal-save{width:174px;height:40px;background-color:#3247ff!important;color:#fff!important;border-radius:40px!important;font-weight:500;font-size:16px;border:none;margin-bottom:16px}.modal-save:hover{background-color:#3246ffd2!important}.modal-remove{width:40px;height:40px;background-color:#505e6f26!important;border-radius:10px;padding:8px}.detail-modal{width:696px!important;height:auto}.detail-modal.ant-modal .ant-modal-content{width:100%;background-color:#15151e!important;padding:16px;justify-content:space-between}.detail-modal.ant-modal .ant-modal-title{color:#fff;font-weight:600;font-size:24px;background-color:#15151e;margin-bottom:32px}.detail-modal.ant-modal .ant-modal-close-x{color:#fff}.user-table.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>th,.user-table.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder{background:none}.no-data{color:#fff}.confirm-filter-btn{width:166px;height:40px;background-color:#3247ff!important;color:#fff!important;border-radius:40px!important;font-weight:500;font-size:16px;border:none;float:right}.confirm-filter-btn:hover{background-color:#3246ffb8!important}.clear-filter-btn{width:166px;height:40px;background-color:#505e6f26!important;color:#fff!important;border-radius:40px!important;font-weight:500;font-size:16px;border:none;float:right;margin-right:8px!important}.clear-filter-btn:hover{background-color:#505e6f39!important}.user-table .ant-table-cell-fix-right{position:sticky!important;z-index:100}.user-table-spin{display:flex;align-items:center;justify-content:center;padding:25%}.custom-spin .ant-spin-dot i{background-color:#3247ff!important}.header>*{margin-bottom:24px}.header-title{font-size:24px;font-weight:600;color:#fff;flex:1}.add-form{overflow-y:scroll;overflow-x:hidden;height:calc(100vh - 200px)}.add-form .input-group::placeholder{color:#a1a1a1!important}.input-group{background-color:transparent!important;width:100%;margin-bottom:8px;border:1px solid #a1a1a1;border-radius:8px;color:#fff;padding:8px 16px}.input-group-generate{background-color:transparent!important;width:100%;border:0px solid #a1a1a1!important;border-radius:8px;color:#fff;padding:0!important}.input-group:focus{background-color:transparent!important}.input-group:hover{background-color:transparent!important}.add-form .input-span{font-size:14px;color:#fff}.add-form .select-group{width:100%;display:block}.select-group .ant-select-selector{padding:8px 16px!important}.add-form .select-option{width:100%!important;height:10%!important}.add-form .select-group .ant-select .ant-select-arrow{color:#fff!important}.select-group .ant-select-selection-placeholder{color:#a1a1a1!important}#password-input-group{width:100%;border:1px solid #a1a1a1;border-radius:8px 0 0 8px;background-color:transparent;color:#fff;border-right:none;padding:8px 16px}#password-input-group::placeholder{color:#a1a1a1}#password-input-group.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input{border:1px solid #ff4d4f;border-right:none}.add-form .ant-input-group-addon{border-top:1px solid #a1a1a1!important;border-right:1px solid #a1a1a1!important;border-bottom:1px solid #a1a1a1!important;background-color:transparent!important;border-radius:0 8px 8px 0;margin-bottom:8px;color:#fff;font-size:16px;font-weight:400}.add-form .ant-input-group-wrapper-status-error .ant-input-group-addon{border-top:1px solid #ff4d4f!important;border-right:1px solid #ff4d4f!important;border-bottom:1px solid #ff4d4f!important;border-left:none!important}.generate-span{color:#fff}.add-modal{text-align:center!important;color:#fff}.add-modal .ant-modal-title{font-size:24px;font-weight:600;background-color:#15151e!important;color:#fff}.add-modal-content{font-weight:400;font-size:16px}.add-modal .cancel-btn{width:211px;height:40px;background-color:#505e6f26;color:#fff!important;border-radius:40px;font-weight:500;font-size:16px}.add-modal.ant-modal .ant-modal-content{background-color:#15151e!important;justify-content:space-between;padding:16px}.add-modal .create-btn{width:211px;height:40px;background-color:#3247ff;color:#fff!important;border-radius:40px;font-weight:500;font-size:16px}.add-modal .cancel-btn:hover{background-color:#505e6f39!important}.add-modal .create-btn:hover{background-color:#3246ffb8!important}.add-form .confirm-btn{width:100%;max-width:180px;height:40px;background-color:#3247ff;color:#fff!important;border-radius:40px;font-weight:500;font-size:16px;min-width:90px}.add-form .confirm-btn:hover{background-color:#3246ffb8!important}.ant-select-dropdown .select-option{padding-top:8px;padding-bottom:8px;border-bottom:1px solid #a1a1a1}.ant-select-dropdown .select-option.select-option.ant-select-item-option-selected{background:none;opacity:30%}.ant-select-dropdown .select-option:last-child{border-bottom:none}.ant-select-dropdown .select-option:hover{background-color:#505e6f26!important}.tag-active{font-size:16px;color:#1ac46f}.tag-inactive{font-size:16px;color:#ff4d4f}.tag-normal{font-size:16px;color:#fff}.my-input .ant-form-item-label label{color:#fff}.my-input .ant-input{border-color:#727272!important;color:#fff}.my-input .ant-input.ant-input-status-error{background-color:#50505026}.my-input .ant-input-password{border-color:#727272;background-color:#50505026!important}.my-input .ant-input-password input{background:none;color:#fff}.my-input .ant-input-affix-wrapper.ant-input-status-error,.my-input .ant-input-affix-wrapper.ant-input-status-error:hover{background-color:#50505026!important}.my-input .ant-input-suffix svg{color:#fff;font-size:24px}.my-input input::placeholder{color:#727272}.my-input.ant-form-item{margin-bottom:16px}.my-select .ant-form-item-label label{color:#fff}.my-select .ant-form-item{margin-bottom:16px}.my-select .ant-select-selector{background-color:#50505026!important;border:1px solid rgb(114,114,114)!important}.my-select .ant-select-selector .ant-select-selection-item{color:#fff!important}.my-select .ant-select-selection-placeholder{color:#727272}.my-select .ant-select-arrow{color:#727272!important}.my-select .ant-select-selection-item{color:#fff}.my-select__pill .ant-select-selector{border-radius:40px}.my-select.ant-form-item{margin-bottom:16px}.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{border-color:#ff4d4f!important}.qr-reader{width:100%;height:400px;margin:0 auto;position:relative;border-radius:8px;overflow:hidden}.qr-reader video{width:100%;height:100%;object-fit:cover}.qr-reader .qr-box{width:100%!important;left:0!important}.qr-reader .qr-frame{position:absolute;fill:none;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}@media (max-width: 426px){.qr-reader{width:100%}}.my-button{display:flex;align-items:center;justify-content:center}.my-button .ant-btn-loading-icon{padding-right:4px}.my-button.ant-btn-primary:disabled{color:#a1a1a1}.ant-space-item{display:flex}.ant-dropdown-menu{background-color:#727272!important}.ant-dropdown-menu-title-content{color:#fff!important}.my-collapse{width:100%;overflow-y:scroll}.my-collapse__header{display:flex;align-items:center;justify-content:space-between;padding-top:10px}.my-collapse__header__title{font-weight:600;font-size:24px;line-height:32px;color:#fff;margin:0}.my-collapse__header__right{display:flex}.my-collapse__header__expand{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:20px;background-color:#505e6f26;border:0px;cursor:pointer;transition:all .3s ease-in-out;margin-left:16px;rotate:180deg}.my-collapse__header .active{rotate:0deg}.my-collapse__body{display:block;transition:max-height .3s ease-out;max-height:0px;overflow-y:scroll;height:fit-content;margin-top:16px}.my-collapse .contract{max-height:none}.my-qr-code-reader{width:100%;display:flex;justify-content:center;align-items:center;padding:24px}.my-qr-code-reader__drop-zone{flex:1;padding:32px 0;text-align:center;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23A1A1A1FF' stroke-width='1' stroke-dasharray='20' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");border-radius:24px}.my-qr-code-reader__drop-zone p{font-size:16px;color:#928989}.my-dropdown{background:#505e6f26;box-shadow:0 8px 32px #505e6f26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:8px}.my-dropdown__item{padding:8px!important}.my-dropdown__item__content{cursor:pointer;display:flex;align-items:center;padding:8px}.my-dropdown__item__content__title{font-weight:500;font-size:16px;color:#fff;line-height:19px;margin:0 0 0 8px}.my-dropdown .ant-dropdown-menu{background:none;padding:0}.my-dropdown .ant-dropdown-arrow:before{background:none}.ant-dropdown-trigger:hover{cursor:pointer}.modal-edit-switch{margin-top:16px;color:#fff}.modal-edit-switch .ant-modal-content{background-color:#15151e;padding:16px}.modal-edit-switch .ant-modal-content .ant-modal-header{background:none}.modal-edit-switch .ant-modal-content .ant-modal-header .ant-modal-title{font-weight:600;font-size:24px;color:#fff}.modal-edit-switch .ant-modal-content .ant-modal-close-x svg{color:#fff}.modal-edit-switch__button{display:flex;justify-content:center}.modal-edit-switch__button .ant-btn:nth-child(1){margin-right:8px}.modal-edit-switch__button .ant-btn:nth-child(2){margin-left:8px}.my-text{margin:0}.my-text__overflow:hover:before{content:attr(title);position:absolute;background:#000;color:#fff;padding:5px;border-radius:3px;white-space:normal;width:auto;z-index:1000;cursor:pointer}.my-text__active{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-add-switch .ant-modal-content{background-color:#15151e;padding:16px}.dashboard-page{width:100%;height:calc(100vh - 100px);overflow-y:scroll;background-image:url(/assets/BG%201-01-DomGjzLK.webp);background-size:cover;background-repeat:no-repeat;padding:0 16px 16px}.dashboard-page .device-information{width:100%;height:130px;background-color:transparent;margin-bottom:16px;display:flex;flex-direction:row;justify-content:space-between}.dashboard-page .device-box-information{width:23.5%;height:130px;background-color:#0d1622;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:10px;padding:12px}.dashboard-page .device-chart{width:100%;height:fit-content;background-color:#48484833;border-radius:8px}.dashboard-page .title-chart-space{width:100%;height:fit-content;display:flex;flex-direction:row;justify-content:space-between}.dashboard-page .timeUsed-chart{width:100%;height:556px;border-radius:8px;background-color:#48484833;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(50px);padding:10px;display:flex;flex-direction:column}.dashboard-page .management{width:100%;height:fit-content;border-radius:8px;display:flex;flex-direction:column;background-color:#48484833;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(50px);padding:10px}.dashboard-page .table,.dashboard-page .ant-table-wrapper .ant-table{background-color:transparent;color:#fff}.dashboard-page .ant-collapse-header-text{font-size:1.7em;font-weight:600}.dashboard-page .ant-table-wrapper .ant-table:after{background-color:transparent;color:#fff}.dashboard-page .ant-collapse-content{background-color:transparent}.dashboard-page .ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters,.dashboard-page .ant-table-wrapper td.ant-table-column-sort{background:transparent}.dashboard-page .font-size-14{font-size:14px;font-weight:600;color:#a1a1a1}.dashboard-page .font-size-16-green{font-size:16px;color:#1ac46f}.dashboard-page .font-size-16-red{font-size:16px;color:#f5222e}.dashboard-page span,.dashboard-page h1{color:#fff}.dashboard-page .choseDate{width:426px;display:flex;flex-direction:row;justify-content:flex-end;gap:8px}.dashboard-page .overall{left:100px}.dashboard-page .box-device-list{display:flex;width:100%;height:fit-content;flex-direction:column;justify-content:space-around}.dashboard-page .title{font-size:24px;font-weight:600}.dashboard-page .title-switch{width:100%;height:55px;display:flex;flex-direction:column;justify-content:space-around;gap:5px}.dashboard-page .ant-collapse-header-text{font-size:24px;font-weight:600}.dashboard-page .column_device_type{min-width:100px}.dashboard-page .column_switch_name{min-width:200px}.dashboard-page .column_device_name{min-width:250px}.item-device{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px}.item-device .col-left{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.contain-line{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.line-custom{height:1px;background-color:#a1a1a1;width:100%;margin:5px 0}.line-custom-2{height:1px;background-color:#353842;width:100%;margin:5px 0}.vertical-line{width:1px;height:400px;background-color:#a1a1a1;margin-left:10px}.col-chart-space{width:100%;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px}.legend{margin-top:10px;width:100%;height:30px;display:flex;flex-direction:column;align-items:start;justify-content:center}.legend-line{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.legend-color-inactive{width:15px;height:15px;border-radius:50%;background-color:#ff5252}.legend-color-active{width:15px;height:15px;border-radius:50%;background-color:#00e5ff}.location-contain{width:100%;background-color:#15151e;height:fit-content;border-radius:16px;display:flex;flex-direction:column;padding:20px;gap:16px}.line-content{width:100%;height:30px;display:flex;flex-direction:row;justify-content:space-between}.location-list{width:100%}.location-content-line{height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:35px}.location-content{height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.font-size-20{font-weight:600;font-size:20px}.dot{width:5px;height:5px;border-radius:50%;background-color:#a1a1a1}.switch-contain{width:100%;height:320px;border-radius:16px;display:flex;flex-direction:column;padding:20px;gap:16px;background-color:#15151e}.tag-information{width:max-content;background-color:#353842;height:fit-content;padding:4px 16px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ant-table-wrapper .ant-table-column-sorters{display:flex;flex-direction:row;justify-content:flex-start;gap:3px}.ant-table-wrapper .ant-table-column-sorters .ant-table-column-title{flex:none}.ant-table-tbody>tr>td{border-bottom:1px solid #555!important}.ant-table-thead>tr>th{border-bottom:1px solid #555!important}.ant-table-wrapper .ant-table-thead>tr>td{border-bottom:1px solid #555!important}.ant-table-wrapper .ant-table-tbody .ant-table-row>.ant-table-cell-row-hover{cursor:pointer;background-color:#505e6f26!important}.device-chart-right{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:10px}.vertical-chart-space{width:100%;height:300px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}.percent-space-vertical-chart{width:51px;height:21px;background:#505e6f26;border-radius:20px;display:flex;flex-direction:row;justify-content:center;align-items:center}.ant-pagination .ant-pagination-item-active a{color:#fff}a:active{color:#505e6f}.show-page{display:flex;height:40px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.custom-pagination{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}.span-16-gray{font-size:16px;font-weight:600}.box-icon-arrow{width:40px;height:40px;border-radius:50%;background:#505e6f26;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-left:16px}.modal-confirm .ant-modal-content{background-color:#15151e}.modal-confirm .ant-modal-content .ant-modal-confirm-btns button{width:13.75em;height:2.5em}.modal-confirm .ant-modal-confirm-paragraph{max-width:100%}@media only screen and (max-width: 500px){.show-page{display:none}}.overall-space{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.overall-text{width:92px;height:27px;background:#505e6f26;border-radius:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.overall-number{font-size:32px;font-weight:400}.device-chart-left{position:relative;width:100%;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.device-chart-pie{width:100%;height:300px;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.item-device-image{width:40px;height:40px;background-color:#353842;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center}.item-device-image-active{width:40px;height:40px;background-color:#1457d9;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center}.item-device-information-active{padding:5px;width:100%;background-color:#48484833;height:fit-content;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px}.item-device-information{width:100%;padding:5px;height:fit-content;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px}.span-16-device-type{font-size:16px;font-weight:600;color:#fff}.sub-item-device-information{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:3px}.item-device-information span{color:#a1a1a1;margin:0}@media screen and (min-width: 992px) and (max-width: 1140px){.span-16-device-type{display:none}.sub-item-device-information{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px}.divide{display:none}.item-device-information,.item-device-information-active{width:80px}.device-chart-pie{justify-content:flex-start}}.tooltip-custom{width:fit-content;height:fit-content;background-color:#15151e;border-radius:8px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:8px}.space-tooltip{width:fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:5px}.space-legend-content{width:fit-content;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}@media screen and (min-width: 992px) and (max-width: 1300px){.hidden{display:none!important}}.modal-add-switch{color:#fff}.modal-add-switch .ant-modal-content{border-radius:24px;background-color:#15151e;padding:16px}.modal-add-switch .ant-modal-content .ant-modal-header{background:none}.modal-add-switch .ant-modal-content .ant-modal-header .ant-modal-title{font-weight:600;font-size:24px;color:#fff}.modal-add-switch .ant-modal-content .ant-modal-close-x svg{color:#fff}.modal-add-switch__steps{margin-top:16px}.modal-add-switch__steps .ant-steps-item-title{color:#fff;line-height:19px}.modal-add-switch__steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#fff;line-height:19px}.modal-add-switch__steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#fff}.modal-add-switch__steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#fff}.modal-add-switch__steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#353842}.modal-add-switch__steps .ant-steps-item-tail:after{height:3px}.modal-add-switch__steps .ant-steps-item-wait .ant-steps-item-icon{background-color:#505e6f26}.modal-add-switch__steps .ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon{color:#fff}.modal-add-switch__steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#353842}.modal-add-switch__steps.ant-steps-label-vertical .ant-steps-item-tail{padding:0 50px}.choosing-method-step__header{margin-top:16px;display:grid;grid-template-columns:auto auto;gap:16px;cursor:pointer}.choosing-method-step__header__option{padding:16px;border-radius:16px;background-color:#505e6f26;display:flex;justify-content:space-between;align-items:center;opacity:30%}.choosing-method-step__header__option__wrapper-icon{background-color:#353842;border-radius:8px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.choosing-method-step__header__option__title{flex:1;text-align:center}.choosing-method-step__header__option.active{opacity:100%}.choosing-method-step__body{margin-top:16px;background-color:#353842;border-radius:16px;display:flex;justify-content:center;height:400px;position:relative}.choosing-method-step__body__segmented{background-color:#15151e;padding:4px;height:40px;position:absolute;z-index:1;top:16px}.choosing-method-step__body__segmented.ant-segmented-lg{border-radius:48px}.choosing-method-step__body__segmented.ant-segmented-lg .ant-segmented-item-label{min-height:32px;line-height:32px;color:#a1a1a1}.choosing-method-step__body__segmented.ant-segmented-lg .ant-segmented-item{border-radius:40px}.choosing-method-step__body__segmented .ant-segmented-item-selected{background-color:#3247ff}.choosing-method-step__body__segmented.ant-segmented-lg .ant-segmented-item-selected .ant-segmented-item-label{color:#fff}.choosing-method-step__footer{display:flex;margin-top:16px;justify-content:center}.fill-information{margin-top:16px}.fill-information__button{display:flex;justify-content:center}.fill-information__button .ant-btn:nth-child(1){margin-right:8px}.fill-information__button .ant-btn:nth-child(2){margin-left:8px}.review-step{background-color:#505e6f26;padding:16px;border-radius:16px;margin-top:16px}.review-step p{margin:0}.review-step__wrapper{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.review-step__wrapper p:nth-child(2){max-width:calc(100% - 100px)}.review-step__wrapper__badge{background-color:#353842;padding:4px 16px;border-radius:20px;color:#1ac46f}.review-step__wrapper__badge.red{color:#f5222d}.review-step__title{width:100%}.review-step hr{margin:16px 0}.review-step__button{display:flex;justify-content:center}.review-step__button .ant-btn:nth-child(1){margin-right:8px}.review-step__button .ant-btn:nth-child(2){margin-left:8px}.login-page{width:100vw;height:100vh;background-image:linear-gradient(#00050c,#001c44);display:flex}.login-page__card{flex:1;margin:7% 10%;border:1px solid #505050;border-radius:40px;display:flex;overflow:hidden}.login-page__card__form{background-color:#50505026;width:450px;padding:24px;display:flex;flex-direction:column;justify-content:safe center;overflow:scroll}.login-page__card__form__header{color:#fff;display:flex;justify-content:space-between;align-items:center}.login-page__card__form__header p{font-size:36px;font-weight:600}.login-page__card__form__body .ant-form-item-label label{color:#fff}.login-page__card__form__body .ant-form-item-required:before{content:none!important}.login-page__card__form__body .ant-input{border-color:#727272;background-color:#172132!important;color:#fff}.login-page__card__form__body .ant-input.ant-input-status-error{background-color:#50505026}.login-page__card__form__body .ant-input-password{border-color:#727272;background-color:#172132}.login-page__card__form__body .ant-input-password input{background:none;color:#fff}.login-page__card__form__body .ant-input-affix-wrapper.ant-input-status-error,.login-page__card__form__body .ant-input-affix-wrapper.ant-input-status-error:hover{background-color:#172132}.login-page__card__form__body .ant-input-suffix svg{color:#fff}.login-page__card__form__body input::placeholder{color:#727272}.login-page__card__form__body .btn-login{margin-top:16px}.login-page__card__image{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:scroll}.login-page__card__image__wrapper{width:45%}.login-page__card__image img{width:100%;max-width:100%;object-fit:scale-down}.login-page__card__image p{color:#fff;font-size:36px;font-weight:600}@media only screen and (max-width: 820px){.login-page__card__image{display:none}.login-page__card__form{width:100%}}html,body{padding:0!important;margin:0!important;scroll-behavior:smooth}.ant-btn-default{border-color:transparent;background:transparent}@media screen and (max-width: 1024px){.contentContainer div,.contentContainer .floor_info,.contentContainer .floor_plan{font-size:14px;font-weight:350;font-family:SF-Pro-Display,sans-serif!important}.contentContainer div .name_floor_title,.contentContainer .floor_info .name_floor_title,.contentContainer .floor_plan .name_floor_title{font-family:SF-Pro-Display-Bold,sans-serif!important;font-size:28px;font-weight:500}.SF4{font-family:SF-Pro-Display-Bold,sans-serif!important;font-weight:550;font-size:18px;color:#fff}}@media screen and (min-width: 1024px){.contentContainer div,.contentContainer .floor_info,.contentContainer .floor_plan{font-size:16px;font-family:SF-Pro-Display,sans-serif!important;font-weight:400}.contentContainer div .name_floor_title,.contentContainer .floor_info .name_floor_title,.contentContainer .floor_plan .name_floor_title{font-family:SF-Pro-Display-Bold,sans-serif!important;font-size:36px;font-weight:600}.contentContainer .SF4{font-family:SF-Pro-Display-Bold,sans-serif!important;font-weight:600;font-size:20px;color:#fff}}.sf-font,.SF2{font-family:SF-Pro-Display,sans-serif}.SF4{font-family:SF-Pro-Display-Bold,sans-serif!important;font-weight:600;font-size:20px;color:#fff}.button{font-family:SF-Pro-Display,sans-serif;font-weight:500;font-size:16px;color:#fff;width:100%;height:8em;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#68686826;border-radius:1em;border:none}.button-disabled{font-family:SF-Pro-Display,sans-serif;font-weight:500;font-size:16px;color:#fff!important;width:100%;height:8em;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#68686826;border-radius:1em;border:none;opacity:50%}.button:hover{color:#fff!important;background-color:#3f3f3f36!important;box-shadow:0 8px 10px 1px #0003;transform:translateY(-1px)}.button-arrow-left{font-family:SF-Pro-Display,sans-serif;color:#fff;width:fit-content;display:flex;align-items:center;padding-left:0;padding-inline-start:0px!important}.button-arrow-left:hover{color:#fff!important}.ant-btn-icon{margin-inline-end:0px!important}.contentContainer{height:calc(100vh - 110px);margin:0 auto!important;position:relative;padding-bottom:20px;padding-left:16px;padding-right:16px}.contentContainer .content-edit{width:100%;height:calc(100vh - 170px)}.contentContainer .model-3d{width:100%;position:absolute;top:48px;padding-right:16px}.list_device::-webkit-scrollbar{width:2px}.list_device::-webkit-scrollbar-thumb{height:3px;background:#3247ff}.floor_info{background-color:#18181f;border-radius:var(--number-border-radius-distant-16-px, 16px);padding:1em;height:calc(100vh - 178px);z-index:1}.floor_info .floor_info_title{height:1.875em;align-items:center}.floor_info .title-device{padding:8px 0}.floor_info .list_device{height:calc(100vh - (590px - 1.875em));overflow-y:auto;overflow-x:hidden;align-content:flex-start}.floor_info .floor_info_name{height:2.5em;display:flex;align-items:center;padding:.5em;border:white;border-radius:var(--number-border-radius-distant-12-px, 12px);border-style:outset;border-width:1px}.floor_info .floor_info_image{padding-bottom:.5em}.floor_plan{background-color:#50505026;border-radius:var(--number-border-radius-distant-16-px, 16px);position:relative;flex-direction:column;height:100%}.floor_plan .floor_plan_title{z-index:1;position:absolute;width:100%;color:#fff;align-items:center;height:5em;padding:1em 1.5em}.floor_plan .floor_model{width:100%;height:100%}.floor_plan .btn_import_3D{position:absolute;display:flex;width:100%;color:#fff;align-items:center;bottom:.5em;justify-content:center}.floor_plan .btn_import_3D .button{height:3em;width:fit-content;background-color:#18181f;display:flex;flex-direction:row;border:#001C44;border-style:solid;border-width:.125em;justify-content:space-evenly;box-shadow:#0b208a40 .375em .125em 1em,#0038c940 -.375em -.125em 1em}.floor_plan .btn_import_3D .button:hover{color:#fff}.floor_plan .floor_choose{display:flex;flex-direction:column;width:2.125em;height:2.125em;color:#fff;align-items:center;position:fixed;right:2em;gap:1em;bottom:50%}.floor_plan .floor_plan_title{display:flex;flex-direction:row;justify-content:space-between}.floor_plan .location_name_contain{width:100%}.floor_plan .location_name_contain .edit-button:hover{background-color:transparent}.floor_plan .btn-group__active{animation:pulse512 1.5s infinite}.floor_plan .control-screen{position:absolute;bottom:.5em;z-index:1;display:flex;flex-direction:column}.floor_plan .control-screen__active{background-color:#3247ff}.floor_plan .control-screen button{color:#fff;margin:.2em;width:180px}.floor_plan .control-screen button:hover{color:#fff!important;border-color:#fff!important}@keyframes pulse512{0%{box-shadow:0 0 #049ecde6}70%{box-shadow:0 0 0 30px #da674400}to{box-shadow:0 0 #5344da92}}.text{font-family:SF-Pro-Display;color:#fff}.text .deivce-name{font-size:16px;font-weight:600;font-family:SF-Pro-Display-Bold!important}.text .switch-name{font-size:14px;font-weight:400}.device-info-mana{display:flex;height:fit-content;width:98%;flex-direction:column;background-color:#50505026;border-radius:1em;padding:1em;position:relative}.device-info-mana .bage-status-disconnected{border-radius:10px;position:absolute;background-color:#ff4d4f;top:0;right:-1px;width:12px;height:12px}.device-info-mana .bage-status-connected{border-radius:10px;position:absolute;background-color:#1ac46f;top:0;right:-1px;width:8px;height:8px;animation:pulse .85s ease-in-out infinite}.device-info-mana .bage-status-connected:before{content:"";display:block;background-color:#1ac46f;border-radius:20px;position:absolute;top:0;right:-1px;height:12px;width:12px;transform:scale(1);animation:pulse-fade 2s infinite}@keyframes pulse{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}@keyframes pulse-fade{0%{transform:scale(.9);box-shadow:0 0 #65ea77b3}70%{transform:scale(1);box-shadow:0 0 0 10px #ea656500}to{transform:scale(.9);box-shadow:0 0 #ea656500}}.icon{width:2.5625em;height:2.5625em;border-radius:100%;display:flex;align-items:center;justify-content:center;margin-right:.8em}.icon__active{background-color:#fff;box-shadow:#455961ca 0 2px 4px,#d6e9edac 0 2px 16px}.icon__inactive{background-color:#18181f;box-shadow:#fdfdfd00 0 30px 60px -12px inset,#ffffff4d 0 18px 36px -18px inset}.device-title{width:100%;height:2.5625em;display:flex;flex-direction:row;align-items:center;margin:.1em;justify-content:space-between}.info-data{display:flex;justify-content:end;font-family:SF-Pro-Display;flex-direction:row;justify-items:end}.modal-device{font-family:SF-Pro-Display}.modal-device .animated-progress{margin:16px 0;width:100%;height:5px;overflow:hidden;position:relative;border-radius:8px}.modal-device .animated-progress .progress-bar{width:100%;height:100%;background-color:#3247ff;position:absolute;transform:translate(-100%);animation:moveRight 1.5s linear infinite}@keyframes moveRight{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-device .ant-btn-primary:disabled{border-color:#a1a1a1;color:#a1a1a1}.modal-device__steps{margin-bottom:16px}.modal-device__steps__loading{padding:16px;border-radius:8px;background-color:#505e6f26}.modal-device__steps__loading__item{display:flex;justify-content:space-between;align-items:center}.modal-device__steps__loading__progress .ant-progress .ant-progress-text.ant-progress-text-outer{display:none}.modal-device__steps__loading__progress .ant-progress .ant-progress-inner{background-color:#353842!important}.modal-device__steps .ant-steps-item-title{color:#fff;line-height:19px}.modal-device__steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#fff;line-height:19px}.modal-device__steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#fff}.modal-device__steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#fff}.modal-device__steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#353842}.modal-device__steps .ant-steps-item-tail:after{height:3px}.modal-device__steps .ant-steps-item-wait .ant-steps-item-icon{background-color:#505e6f26}.modal-device__steps .ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon{color:#fff}.modal-device__steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#353842}.modal-device__steps.ant-steps-label-vertical .ant-steps-item-tail{padding:0 50px}.modal-device .ant-modal-close-x{color:#fff}.modal-device .ant-modal-body{padding:16px 0}.modal-device .ant-modal-title{color:#fff;font-family:SF-Pro-Display-Bold,sans-serif!important;font-weight:600;font-size:24px}.modal-device .ant-modal-footer{margin:0;text-align:center}.modal-device .ant-modal-footer button{width:13.75em;height:2.5em;font-family:SF-Pro-Display}.modal-device .ant-modal-footer .btn_cancel,.modal-device .ant-modal-footer .btn_cancel:hover{background-color:#505e6f26}.modal-device .input .ant-input-wrapper .ant-input-group-addon{color:#fff;font-family:SF-Pro-Display}.modal-device__form{padding:0;display:flex;flex-direction:column;justify-content:center;font-family:SF-Pro-Display}.modal-device__form .ant-form-item-label label{color:#fff;font-family:SF-Pro-Display}.modal-device__form .ant-input{border-color:#a1a1a1;background-color:#50505026!important;color:#fff;font-family:SF-Pro-Display}.modal-device__form input::placeholder{color:#727272;font-family:SF-Pro-Display}.modal-device__form .ant-form-item-explain-error{font-family:SF-Pro-Display}.modal-device__form .validate-position{font-family:SF-Pro-Display;color:#ff4d4f;overflow:hidden;height:0px;position:absolute;bottom:0}.modal-device__form .error-show{height:22px;transition:transform .3s ease-in-out}.modal-device .ant-select-selector{background-color:#50505026!important;border:1px solid #A1A1A1!important;font-family:SF-Pro-Display}.modal-device .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{border-color:#ff4d4f!important}.modal-device .ant-select-arrow{color:#727272!important}.modal-device .ant-select-selection-item{color:#fff}.select__drop{background-color:#727272!important;font-family:SF-Pro-Display}.select__drop .ant-select-item{color:#fff!important}.select__drop .ant-select-item-option-selected{background-color:#080808b0!important}.ant-form-item{margin-bottom:16px}.modal-confirm .ant-modal-content{background-color:#15151e;font-family:SF-Pro-Display}.modal-confirm .ant-modal-content .ant-modal-confirm-body{justify-content:center}.modal-confirm .ant-modal-content .ant-modal-confirm-body .ant-modal-confirm-content{color:#fff;text-align:center;font-size:16px;line-height:19px;font-weight:400}.modal-confirm .ant-modal-content .ant-modal-confirm-body .ant-modal-confirm-title{color:#fff;text-align:center;font-size:24px;line-height:32px;font-weight:600}.modal-confirm .ant-modal-content .ant-modal-confirm-btns{text-align:center;display:flex}.modal-confirm .ant-modal-content .ant-modal-confirm-btns button{width:13.75em;height:2.5em;font-family:SF-Pro-Display}.modal-confirm .ant-modal-content .ant-modal-confirm-btns .btn_cancel{background-color:#505e6f26}.modal-add-location{color:#fff}.modal-add-location .ant-modal-content{background-color:#15151e;padding:16px}.modal-add-location .ant-modal-content .ant-modal-header{background:none}.modal-add-location .ant-modal-content .ant-modal-header .ant-modal-title{font-weight:600;font-size:24px;color:#fff}.modal-add-location .ant-modal-content .ant-modal-close-x svg{color:#fff}.modal-add-location__steps{margin-top:16px}.modal-add-location__steps .ant-steps-item-title{color:#fff;line-height:19px}.modal-add-location__steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#fff;line-height:19px}.modal-add-location__steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#fff}.modal-add-location__steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#fff}.modal-add-location__steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#353842}.modal-add-location__steps .ant-steps-item-tail:after{height:3px}.modal-add-location__steps .ant-steps-item-wait .ant-steps-item-icon{background-color:#505e6f26}.modal-add-location__steps .ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon{color:#fff}.modal-add-location__steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#353842}.sf-font{font-family:SF-Pro-Display,sans-serif}.card{width:100%;height:100%;border-radius:8px;background-color:#48484833;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(50px);padding:24px 16px;display:flex;flex-direction:column;border:none}.form-class{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:24px}.title-name{margin-bottom:8px}.profile-image{width:100px;height:100px;border-radius:50%;cursor:pointer;transition:transform .3s ease}.normal-text{color:#fff}.regular-text{color:#fff;font-size:16px}.bold-text{font-family:SF-Pro-Display-Bold}.profile-image:hover{transform:scale(1.1)}.container-name{margin-left:16px;display:flex;flex-direction:column;justify-content:center}.user-info{padding-top:24px;border-top:solid 1px rgb(53,56,66);flex-direction:column;margin:0!important}.upload-img{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.upload-img .ant-upload{height:100%!important;width:100%!important;display:flex;align-items:center;justify-self:center;justify-content:center}.upload-img__hover{border-radius:50%;background-color:#00000080;height:80%;width:80%;display:flex;align-items:center;justify-self:center;justify-content:center}.upload-img__hover:hover{height:100%;width:100%;transition:transform .5s ease-in-out}.upload-img-hidden{display:none!important}.change_password{padding:24px 8px;background:#505e6f26;height:100%;margin:0!important}.change_password__form{margin-top:24px;height:100%}.change_password__form .my-input .ant-input{background-color:unset!important}.change_password__image{background:linear-gradient(180deg,#0300ae,#000850);height:100%;display:flex;justify-content:center;align-items:center;border-radius:16px;color:#fff;font-family:SF Pro Display;font-size:48px;font-weight:600;line-height:60px;letter-spacing:-.02em;text-align:left}.change_password__submit_button{margin-top:24px}.update-firmware-page{background:#505e6f26;height:100%;border-radius:16px;padding:16px;display:flex;flex-direction:column}.update-firmware-page__form{flex:1;display:flex;flex-direction:column;overflow:hidden}.update-firmware-page__form__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.update-firmware-page__form .ant-spin-nested-loading{display:flex;flex:1;max-height:100%;flex-direction:column}.update-firmware-page__form .ant-spin-nested-loading .ant-spin-container{flex:1;overflow:scroll;padding-bottom:40px}.update-firmware-all-card{background:#505e6f26;padding:24px;border-radius:16px;margin-bottom:16px}.update-firmware-all-card__body{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #353842}.update-firmware-all-card__body__left{display:flex}.update-firmware-all-card__body__left__icon{background:#353842;padding:8px;border-radius:8px;width:56px;height:56px}.update-firmware-all-card__body__left__content{margin-left:16px}.update-firmware-all-card__body__left__content p{margin:0;color:#fff}.update-firmware-all-card__body__left__content p:nth-child(1){font-weight:600;font-size:24px;line-height:32px}.update-firmware-all-card__body__left__content p:nth-child(2){font-weight:400;font-size:16px;line-height:19px}.update-firmware-all-card__footer{padding-top:16px}.update-firmware-all-card__footer p{cursor:pointer;margin:0;font-weight:400;font-size:16px;line-height:19px;color:#3247ff}.modal-confirm-update-all-switch .ant-modal-content{background-color:#15151e;font-family:SF-Pro-Display}.modal-confirm-update-all-switch .ant-modal-content .ant-modal-confirm-body{justify-content:center}.modal-confirm-update-all-switch .ant-modal-content .ant-modal-confirm-body .ant-modal-confirm-content{color:#fff;text-align:center;font-size:16px;line-height:19px;font-weight:400}.modal-confirm-update-all-switch .ant-modal-content .ant-modal-confirm-body .ant-modal-confirm-title{color:#fff;text-align:center;font-size:24px;line-height:32px;font-weight:600}.modal-confirm-update-all-switch .ant-modal-content .ant-modal-confirm-btns{text-align:center;display:flex;justify-content:center}.modal-confirm-update-all-switch .ant-modal-content .ant-modal-confirm-btns button{width:13.75em;height:2.5em;font-family:SF-Pro-Display}.modal-confirm-update-all-switch .ant-modal-content .ant-modal-confirm-btns .btn_cancel{background-color:#505e6f26}.modal-confirm-update-all-switch .ant-modal-content .ant-modal-confirm-btns .ant-btn-loading-icon{padding-right:4px}.switch-version-card{width:100%;background-color:#15151e;padding:16px;border-radius:16px}.switch-version-card .ant-form-item{margin:0}.switch-version-card p{margin:0;color:#fff}.switch-version-card__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #353842}.switch-version-card__header__left{max-width:calc(100% - 40px)}.switch-version-card__body{padding:16px 0}.switch-version-card__body__title{font-weight:500px;font-size:16px;line-height:19px}.switch-version-card__body__content{display:flex;justify-content:space-between;align-items:center}.switch-version-card__body__content:not(:last-child){margin-bottom:16px}.switch-version-card__body:not(:last-child){border-bottom:1px solid #353842}.switch-version-card .loader{margin:0 auto;border-radius:10px;position:relative;background-color:#353842;height:4px}.switch-version-card .loader .loaderBar{height:4px;position:absolute;border-radius:10px;right:100%;background:#3247ff;width:0;animation:borealisBar 2s linear infinite}@keyframes borealisBar{0%{left:0%;right:100%;width:0%}10%{left:0%;right:75%;width:25%}90%{right:0%;left:75%;width:25%}to{left:100%;right:0%;width:0%}}.choose-firmware-modal{margin-top:16px;color:#fff}.choose-firmware-modal .ant-modal-content{background-color:#15151e;padding:16px}.choose-firmware-modal .ant-modal-content .ant-modal-header{background:none}.choose-firmware-modal .ant-modal-content .ant-modal-header .ant-modal-title{font-weight:600;font-size:24px;color:#fff}.choose-firmware-modal .ant-modal-content .ant-modal-close-x svg{color:#fff}.choose-firmware-modal__button{display:flex;justify-content:center}.choose-firmware-modal__button .ant-btn:nth-child(1){margin-right:8px}.choose-firmware-modal__button .ant-btn:nth-child(2){margin-left:8px}.choose-firmware-modal__switch-card{padding:16px;border-radius:16px;margin-bottom:16px;border:1px solid #353842}.choose-firmware-modal__switch-card__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #353842;padding-bottom:16px}.choose-firmware-modal__switch-card__header__left{max-width:calc(100% - 32px)}.choose-firmware-modal__switch-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.choose-firmware-modal__switch-card__footer p:nth-child(1){font-weight:500;font-size:16px;line-height:20px;margin:0;color:#fff}.choose-firmware-modal__switch-card .ant-form-item{margin-bottom:0}.choose-firmware-modal__form__list{max-height:550px;overflow:scroll}.label-layout{display:flex;align-items:center}.label-layout .image-background,.label-layout .non-image-background{width:40px;height:40px;margin-right:8px;border-radius:8px}.label-layout .image-background{background-color:#3247ff}.label-layout .non-image-background{background-color:#505e6f26}.label-layout .image-background .image,.label-layout .non-image-background .image{width:40px;height:40px;padding:8px}.label-layout .header{font-weight:600;color:#fff;font-size:16px;text-align:start}.label-layout .description{font-weight:400;color:#fff;font-size:14px;text-align:start}.tab-divider{background-color:#353842}.admin-layout{background-color:#505e6f26;margin:0 16px 16px;height:calc(100vh - 126px);border-radius:16px;padding:16px;gap:16px}.admin-layout .ant-tabs-content-holder{border-left:1px solid #353842;height:70vh}.admin-layout .tab{width:100%;height:100vh}.admin-layout .tab [aria-selected=true]{width:250px;height:66px;border-radius:8px;padding:8px;background-color:#505e6f26}.admin-layout .tab [aria-selected=false]{width:250px;height:66px;padding:8px;border-radius:8px}.admin-layout .tab [aria-selected=false]:hover{background-color:#505e6f26}.ant-tabs-tab{padding-left:0!important}.custom-tab .ant-tabs-tab{max-width:50px;width:100%;text-align:center}.home-page{width:100%;height:100%;background-image:linear-gradient(#00050c,#001c44)}.home-page .ant-btn-icon{margin:2.5px}.home-page .ant-float-btn-body{background-color:transparent;transition:background-color .2s}.home-page .ant-float-btn{position:static;background-color:transparent}.home-page .ant-float-btn-content{margin-right:6px;margin-top:1px}.home-page .ant-btn-default{border-color:transparent;background:transparent}.home-page .contentStyle{text-align:center;overflow-y:hidden;width:100vw}.home-page .divStyle{flex-direction:row;background:#48484866;align-items:center;width:100%;height:72px;margin:20px auto 0;border-radius:16px;display:flex}.home-page .layoutStyle{overflow:hidden;width:100vw;max-width:100%;height:90vh;background-size:cover;background-repeat:no-repeat;position:absolute}.home-page .colLeft{display:flex;flex-direction:column;height:calc(100vh - 210px);position:absolute;align-items:center;justify-content:center;left:20px}.home-page .groupButtonLeft{display:flex;flex-direction:column;gap:25px;height:200px}.home-page .groupbuttonStyle2{background-color:transparent;width:100%;height:50px;display:flex;align-items:center;flex-direction:row;gap:16px;padding:16px;justify-content:flex-end}.home-page .cardStyle{margin-top:60px;width:70%;height:inherit;background-color:transparent}.home-page .groupbuttonStyle Button{width:40px;height:40px}.home-page .groupbuttonStyle2 Button{width:40px;height:40px}.home-page .classButtongroup FloatButton{width:40px;height:40px}.home-page .floorChoose{width:250px;height:fit-content;display:flex;flex-direction:column;padding:10px;align-items:flex-start;position:fixed;gap:10px;left:16px;bottom:30px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:16px}.home-page .groupButton{background-color:transparent;left:16px;bottom:35%;position:fixed}#dropButton{border-radius:20px;align-items:center;display:flex;background-color:transparent;justify-content:space-around;width:85px}.ant-popover{-webkit-backdrop-filter:blur(100px);top:93px!important;width:520px;height:calc(100vh - 150px);backdrop-filter:blur(100px)}.ant-popover-content{overflow-y:scroll;height:100%}::-webkit-scrollbar{width:0px}.ant-popover-content::-webkit-scrollbar-thumb{background-color:#48484833;border-radius:4px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.ant-popover-content::-webkit-scrollbar{width:5px;display:none}.ant-popover-content::-webkit-scrollbar-track{background-color:#1d1d1d}.ant-float-btn-group{gap:16px;display:flex!important;flex-direction:column}.SF,.SF2,.SF3{font-family:SF-Pro-Display,sans-serif}.items{font-family:SF-Pro-Display,sans-serif;font-weight:400;font-size:16px}.itemLanguage{display:flex;justify-items:center;padding:5px}.ant-popover{top:110px!important;height:calc(100vh - 130px);border-radius:12px;background-color:#48484833;margin-left:10px}.ant-popover .ant-popover-inner{border-radius:16px;box-shadow:none}.blockSpace{position:fixed;min-width:60px;width:fit-content;height:60px;right:25px;bottom:25px;background-color:#102748;border-radius:8px;display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;padding:3px;cursor:pointer}.__active{animation-name:pulse512;animation-duration:1.5s;animation-iteration-count:3}.lock_unLock{color:#fff;font-size:14px}.recharts-tooltip-wrapper{z-index:3000}.recharts-pie-sector:focus,.recharts-pie-sector>g:focus,.recharts-pie-sector>g>g:focus{outline:none!important;outline-color:none;outline-style:none;outline-width:none}.hover-point:hover{cursor:pointer}.BarChart{width:100%;left:-20px}.BarChart .scroll{overflow-y:auto}.BarChart a .scroll::-webkit-scrollbar{width:5px}.BarChart .scroll::-webkit-scrollbar-thumb{background-color:#00f;border-radius:4px}.BarChart .scroll::-webkit-scrollbar-track{background-color:#1d1d1d}.BarChart .SF{font-family:SF-Pro-Display,sans-serif}.BarChart .line{height:1px;background:#727272;margin:16px}.BarChart .contain-current-date{width:fit-content;height:fit-content;padding:5px;background:#353842}.span-30{font-size:30px;font-weight:600}.center{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-control-air-condition{color:#fff}.modal-control-air-condition .span-12-gray{color:#727272;font-weight:400;font-size:12px}.modal-control-air-condition .span-18-white{color:#fff;font-weight:400;font-size:18px}.modal-control-air-condition .span-16-gray{color:#727272;font-weight:400;font-size:16px}.modal-control-air-condition .span-24{font-size:24px}.modal-control-air-condition .span-48{font-weight:500;font-size:48px}.modal-control-air-condition .ant-modal-content{background-color:#15151e;padding:12px 8px;width:100%;border-radius:18px}.modal-control-air-condition .ant-modal-content .ant-modal-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.modal-control-air-condition .ant-modal-content .ant-modal-header{background:none}.modal-control-air-condition .ant-modal-content .ant-modal-header .ant-modal-title{font-weight:600;font-size:24px;color:#fff}.modal-control-air-condition .ant-modal-content .ant-modal-close-x svg{color:#fff}.modal-control-air-condition__header{width:100%;display:flex;flex-direction:row;justify-content:space-between;height:50px}.modal-control-air-condition__header__information{width:fit-content;display:flex;flex-direction:row;gap:16px}.modal-control-air-condition__header__information__icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:50%}.modal-control-air-condition__header__information__icon img{width:32px;height:32px}.modal-control-air-condition__header__information__info{display:flex;flex-direction:column}.modal-control-air-condition__header button{background:none;border:none;color:#fff;cursor:pointer}.modal-control-air-condition__temperature{background-image:url(/image/EllipseAirConditionController.svg);width:240px;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.modal-control-air-condition__temperature .temperature-information{display:flex;flex-direction:column;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-control-air-condition__button-control-temp{width:180px;height:45px;border-radius:100px;display:flex;flex-direction:row;background-color:#505e6f26;justify-content:space-around;align-items:center}.modal-control-air-condition__button-control-temp button{background:none;border:none;color:#fff;cursor:pointer;padding:0 10px}.modal-control-air-condition__button-control-temp button:disabled{background-color:transparent;color:#727272;cursor:not-allowed}.modal-control-air-condition .row-space-around{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.modal-control-air-condition .row-space-between{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.modal-control-air-condition .icon_24{width:16px;height:16px}.modal-control-air-condition .custom-row{width:100%}.modal-control-air-condition .custom-column{display:flex;flex-direction:column;gap:12px}.modal-control-air-condition .fan-speed,.modal-control-air-condition .mode{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:100%;height:120px;background-color:#505e6f26;padding:12px;border-radius:8px;gap:4px}.modal-control-air-condition__custom-option{width:100%}.modal-control-air-condition__custom-option .div-col-style{width:100%;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.modal-control-air-condition__custom-option .div-col-style img{width:40px;height:40px}.modal-control-air-condition__custom-option .div-col-style .button-control{width:60px;height:60px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#505e6f26;cursor:pointer}.modal-control-air-condition .fill-information__button{width:100%;margin-top:12px;display:flex;justify-content:center}.modal-control-air-condition .line-col{width:1.5px;height:24px;background-color:#727272}.modal-control-air-condition .line-row{width:100%;height:1px;background-color:#727272}.modal-control-air-condition .connected{margin:10px 10px 0 0;width:12px;height:12px;border-radius:50%;background-color:#1ac46f}.modal-control-air-condition .disconnected{margin:10px 10px 0 0;width:12px;height:12px;border-radius:50%;background-color:#f5222d}