.popup__grid .configure-wifi-popUp .popup__header{border-bottom:0;border-bottom:initial}.popup__grid .configure-wifi-popUp .popup__header .step{display:flex;flex-grow:1;justify-content:center}.popup__grid .configure-wifi-popUp .popup__body{height:fit-content}.popup__grid .configure-wifi-popUp .popup__body-content{padding-top:2px;overflow-y:scroll}.popup__grid .configure-wifi-popUp .popup__body-content .step1{margin-top:36px}.popup__grid .configure-wifi-popUp .popup__body-content .step1 .iconBlock{display:flex;justify-items:center;margin-bottom:8px}.popup__grid .configure-wifi-popUp .popup__body-content .step1 .iconBlock .text{display:flex;font-family:"T-star","Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:normal;letter-spacing:.05em;text-transform:uppercase;align-items:center;line-height:normal;margin-left:8px}.popup__grid .configure-wifi-popUp .popup__body-content .step1 .infoBlock .title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#000}.popup__grid .configure-wifi-popUp .popup__body-content .step1 .infoBlock .subtitle{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;color:#7b8793}.popup__grid .configure-wifi-popUp .popup__body-content .step2{margin-top:36px}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .iconBlock{display:flex;flex-direction:column;margin-bottom:8px}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .iconBlock .first{display:flex}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .iconBlock .first .icon{display:flex}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .iconBlock .first .text{display:flex;align-items:center;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;margin-left:8px;color:#000}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .iconBlock .joiningLine{margin:0px 14px;display:flex}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .iconBlock .second{display:flex}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .iconBlock .second .icon{display:flex}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .iconBlock .second .text{display:flex;font-family:"T-star","Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:normal;letter-spacing:.05em;text-transform:uppercase;line-height:normal;align-items:center;margin-left:8px}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .infoBlock .title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#000}.popup__grid .configure-wifi-popUp .popup__body-content .step2 .infoBlock .subtitle{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;color:#7b8793}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane{height:350px;margin-top:20px;display:flex;flex-direction:column;justify-content:space-between}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .refreshButton{display:flex;height:40px;width:80%;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#fff;background-color:#01b5de;align-items:center;border-radius:20px;justify-content:center;margin:0px auto 20px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .loadingScreen{height:100%;background-color:#f5f5f8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 40px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .loadingScreen .icon.loaderV3{display:flex;height:auto;height:initial}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .loadingScreen .icon.loaderV3 circle{fill:none}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .loadingScreen .title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#000;margin-top:20px;text-align:center}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .loadingScreen .subtitle{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;margin-top:8px;text-align:center}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen{height:100%;background-color:#f5f5f8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen .icon{display:flex;height:fit-content}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen .title{margin-top:20px;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;text-align:center}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen .subtitle{margin:8px 0px 20px;text-align:center}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen .actionButton{display:flex;height:40px;width:100%;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#fff;background-color:#01b5de;align-items:center;border-radius:8px;justify-content:center}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.scanWifi .clickArea{display:flex;flex-direction:column;justify-content:center;align-items:center}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.scanWifi .icon.activeWifi svg{width:40px;height:31px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.scanWifi .icon.activeWifi svg g{fill:#01b5de}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.scanWifi .title{color:#01b5de}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.bleErrTryAp .title,.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.bleOffTryAp .title,.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.bleFailedInStep2 .title{margin-top:12px;text-align:center}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.bleErrTryAp .tryApButton,.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.bleOffTryAp .tryApButton,.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.bleFailedInStep2 .tryApButton{margin-top:20px;color:#01b5de;background-color:rgba(0,0,0,0);border:1px solid #01b4de}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.wifiConnectFail404 .icon{margin-bottom:20px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen.wifiConnectFailDefault .icon{margin-bottom:20px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList{height:100%;overflow-y:scroll;background-color:#f5f5f8;border-radius:8px;display:flex;flex-direction:column;padding:10px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem{display:flex;align-items:center;margin:0px 10px;justify-content:space-between;padding:16px 10px 11px;border-bottom:1px solid rgba(123,135,147,.2);min-height:52px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem .name{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem .iconBlcok{display:flex;align-items:center}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem .iconBlcok .icon.lockIcon{height:auto;margin-right:8px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem:last-child{border:medium none currentColor;border:initial}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem.connecting .name{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem.connecting .iconBlcok .icon.loaderV3{display:flex;align-items:center;height:auto}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem.connecting .iconBlcok .icon.loaderV3 svg{width:18px;height:18px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .refreshWifiListButton{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;display:flex;justify-content:center;align-items:center;font-size:16px;color:#01b5de;margin-top:25px;font-weight:500}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .refreshWifiListButton .icon.refreshWifiList{display:flex;height:auto;margin-right:8px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .refreshWifiListButton .refreshButton_text{display:flex;align-items:center;padding-top:2px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .bluetoothNetwork{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:8px;background-color:#f5f5f8}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .bluetoothNetwork .name{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .bluetoothNetwork .icon.bluetoothBlack{display:flex;height:auto}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .bluetoothNetwork .icon.bluetoothBlack svg{width:16px;height:16px}.popup__grid .configure-wifi-popUp .popup__body-content .actionPane .gatewayConnect{height:48px;text-align:center;border-radius:8px;width:100%;font-size:16px;display:flex;align-items:center;justify-content:center;margin-top:16px;margin-bottom:16px}.popup__grid .configure-wifi-popUp .popup__body-content .connectedSucc-wrapper{height:450px;display:flex;flex-direction:column;justify-content:center}.popup__grid .configure-wifi-popUp .popup__body-content .connectedSucc-wrapper .connectedSucc{display:flex;flex-direction:column}.popup__grid .configure-wifi-popUp .popup__body-content .connectedSucc-wrapper .connectedSucc .icon.greenTickOutline{display:flex;height:auto}.popup__grid .configure-wifi-popUp .popup__body-content .connectedSucc-wrapper .connectedSucc .icon.greenTickOutline svg{width:66px;height:66px}.popup__grid .configure-wifi-popUp .popup__body-content .connectedSucc-wrapper .connectedSucc .title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;text-align:center;margin-top:20px;padding:0px 30px}.popup__grid .configure-wifi-popUp .popup__body-content .connectedSucc-wrapper .connectedSucc .subtitle{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;text-align:center;margin-top:16px;padding:0px 30px}.popup__grid .configure-wifi-popUp .popup__body-content .connectedSucc-wrapper .connectedSucc .subtitle_note{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;text-align:center;margin-top:0px;padding:0px 30px}.popup__grid .configure-wifi-popUp .popup__body-content .connectedSucc-wrapper .connectedSucc .gotItBtn{display:flex;height:40px;width:80%;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#fff;background-color:#01b5de;align-items:center;border-radius:20px;justify-content:center;margin:30px auto 10px}.popup__grid .configure-wifi-popUp .popup__body-content .dataUploadMessage{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;display:flex;padding:16px;background-color:#f6f7fb;border-radius:5px}.popup__grid .configure-wifi-popUp .popup__body-content .dataUploadMessage .uploadInfo{position:relative;top:-6px}.popup__grid .configure-wifi-popUp .popup__body-content .dataUploadMessage p{margin-top:0;margin-bottom:0;margin-left:12px}.popup__grid .configure-wifi-popUp .gatewayStatus{display:flex;flex-direction:column;padding:20px 16px;background-color:#f5f5f8;border-radius:8px}.popup__grid .configure-wifi-popUp .gatewayStatus.ntReachable .statusCard .connectBtn{background-color:#a2abb3}.popup__grid .configure-wifi-popUp .gatewayStatus .statusCard{display:flex;align-items:center}.popup__grid .configure-wifi-popUp .gatewayStatus .statusCard .icon{display:flex;align-items:center}.popup__grid .configure-wifi-popUp .gatewayStatus .statusCard .textBlock{display:flex;flex-direction:column;margin-left:12px;flex-grow:1}.popup__grid .configure-wifi-popUp .gatewayStatus .statusCard .textBlock .envName{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#3f4041;line-height:normal}.popup__grid .configure-wifi-popUp .gatewayStatus .statusCard .textBlock .statusInfo{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;color:rgba(63,64,65,.5)}.popup__grid .configure-wifi-popUp .gatewayStatus .statusCard .connectBtn{background-color:#01b5de;height:22px;border-radius:11px;display:flex;align-items:center}.popup__grid .configure-wifi-popUp .gatewayStatus .statusCard .connectBtn .text{display:flex;align-items:center;margin:4px 12px;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500;line-height:normal;color:#fff}.popup__grid .configure-wifi-popUp .gatewayStatus .statusCard .connectBtn .text_android{display:flex;align-items:center;margin:4px 12px 2px;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500;line-height:normal;color:#fff}.popup__grid .configure-wifi-popUp .gatewayStatus .statusPageCard:not(:last-child){margin-bottom:16px}.popup__grid .configure-wifi-popUp .gatewayStatus .help{display:grid;grid-row-gap:16px;row-gap:16px;padding-top:18px;margin-top:20px;border-top:1px solid rgba(216,217,217,.8156862745)}.popup__grid .configure-wifi-popUp .gatewayStatus .help .title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500}.popup__grid .configure-wifi-popUp .gatewayStatus .help .instruction-item{display:flex;align-items:center}.popup__grid .configure-wifi-popUp .gatewayStatus .help .instruction-item .icon.numberInCircle{display:flex;align-items:center}.popup__grid .configure-wifi-popUp .gatewayStatus .help .instruction-item .info{margin-left:10px}.popup__grid .configure-wifi-popUp .gatewayStatus .help .instruction-item .learnHow{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500;margin-left:2px;text-decoration:underline;color:#01b5de}.popup__grid .configure-wifi-popUp .gatewayStatus .help .note span{color:#545456;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.popup__grid .configure-wifi-popUp .gatewayStatus .statusPageHelp{margin-top:0 !important}.popup__grid .configure-wifi-popUp .gatewayStatus.failed .statusCard .textBlock .statusInfo{color:#f54040}.popup__wrapper.cant-find-wifi-nw .popup__header{padding-left:16px}.popup__wrapper.cant-find-wifi-nw .body-weak-signal div:first-child{padding-bottom:20px}.popup__wrapper.cant-find-wifi-nw .body-weak-signal.note div:last-child{padding-top:24px}.showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .header{color:#545456;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;padding:16px;border-radius:10px 10px 0 0;box-shadow:0px 1px 0px 0px rgba(123,135,147,.3)}.showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .icon.warningAlert{margin-top:24px}.showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .icon.warningAlert svg{height:60px;width:60px}.showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .icon.warningAlert svg g path{fill:#6b7073}.showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .icon.warningAlert svg g path:first-child{stroke:#6b7073;fill:none}.showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .body-weak-signal{padding:16px 16px 24px;color:#545456;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400}.showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .body-weak-signal div:last-child{padding-top:24px}.showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .body-weak-signal div:first-child{padding-bottom:24px}.showup.show-weak-signal .showup__footer{border-top:none;padding:0 16px 16px}.showup.show-weak-signal .showup__footer .showup__actions{display:flex;justify-content:space-between;flex-direction:row-reverse;column-gap:16px}.showup.show-weak-signal .showup__footer .showup__actions .showup__action{border-radius:8px;border:1px solid #01b5de;width:100%;padding:12px 16px;margin:0}.showup.show-weak-signal .showup__footer .showup__actions .showup__action.weak-signal-ok{background:#01b5de;color:#fff;border:none}.popup__grid .enterPassword .popup__header{justify-content:initial}.popup__grid .enterPassword .popup__header .close_popup{display:none}.popup__grid .enterPassword .popup__header .backButton{display:flex;padding-top:10px;padding-bottom:10px}.popup__grid .enterPassword .popup__header .backButton .icon.arrowDown{display:flex;transform:rotate(90deg)}.popup__grid .enterPassword .popup__header .backButton .icon.arrowDown svg{width:16px;height:auto}.popup__grid .enterPassword .popup__header .backButton .text{margin-left:8px;color:#01b5de}.popup__grid .enterPassword .popup__header .title{display:flex;flex-grow:.7;justify-content:center;padding-top:10px;padding-bottom:10px}.popup__grid .enterPassword .popup__body-content .title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;margin-bottom:20px}.popup__grid .enterPassword .popup__body-content .inputLabel{height:16px;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400}.popup__grid .enterPassword .popup__body-content .password-inputField{position:relative}.popup__grid .enterPassword .popup__body-content .password-inputField .passwordInput{padding:8px 0px}.popup__grid .enterPassword .popup__body-content .password-inputField .toggle-password{position:absolute;right:0;top:0}.popup__grid .enterPassword .popup__body-content .password-inputField .toggle-password .icon.showPassword{display:flex}.popup__grid .enterPassword .popup__body-content .joinBtn{display:flex;height:40px;width:100%;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#fff;background-color:#01b5de;align-items:center;border-radius:8px;justify-content:center;margin:50px 0px 40px}.popup__grid .enterPassword .popup__body-content .joinBtn.disable{filter:grayscale(1)}.popup__grid .enterPassword .popup__body-content .icon.loadingCircle{display:flex;margin:50px auto 40px;height:auto;justify-content:center}.popup__grid .enterPassword .popup__body-content .icon.loadingCircle svg{height:40px}.popup__grid .enterPassword.inactive .popup__body-content{color:#b1b1b6}.popup__grid .enterPassword.inactive .popup__body-content .spinner{margin:50px auto 40px;display:flex;justify-content:center;position:relative;width:100%;height:40px}.popup__grid .enterPassword.inactive .popup__body-content .spinner::before{position:static;position:initial;margin:0;margin:initial;top:auto;left:auto;width:40px;height:40px;border:2px solid #f2f4fa;border-top-color:#01b5de}.popup__grid .enterPassword.incorrect .popup__body-content .inputLabel.highlight{color:#f26b6b}.popup__grid .enterPassword.incorrect .popup__body-content .password-inputField .passwordInput{border-bottom:1px solid #f26b6b}.popup__grid .enterPassword.incorrect .popup__body-content .incorrectPassword{color:#f26b6b;margin-top:7px}.night .popup__wrapper.cant-find-wifi-nw .popup__header{color:#fff}.night .showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .header,.night .showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .body-weak-signal{color:#f8f8ff}.night .showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .icon.warningAlert svg g path{fill:#fff}.night .showup.show-weak-signal .showup__wrapper .showup__inner-wrapper .icon.warningAlert svg g path:first-child{stroke:#fff;fill:none}.night .popup__grid .configure-wifi-popUp .popup__header .step{color:#f8f8ff}.night .popup__grid .configure-wifi-popUp .popup__body-content .progressBar #progressGradient #remaining{stop-color:rgba(1,181,222,.1)}.night .popup__grid .configure-wifi-popUp .popup__body-content .step1 .iconBlock .icon.connectPhoneToEnv svg circle{fill:rgba(1,181,222,.1)}.night .popup__grid .configure-wifi-popUp .popup__body-content .step1 .infoBlock .title{color:#f8f8ff}.night .popup__grid .configure-wifi-popUp .popup__body-content .step1 .infoBlock .subtitle{color:#8e9091}.night .popup__grid .configure-wifi-popUp .popup__body-content .step2 .first .text,.night .popup__grid .configure-wifi-popUp .popup__body-content .step2 .second .text{color:#f8f8ff}.night .popup__grid .configure-wifi-popUp .popup__body-content .step2 .second .icon.connectEnvToWifi svg circle{fill:rgba(1,181,222,.1)}.night .popup__grid .configure-wifi-popUp .popup__body-content .step2 .second .icon.connectEnvToWifi svg circle#Oval{fill:#01b4de}.night .popup__grid .configure-wifi-popUp .popup__body-content .step2 .infoBlock .title{color:#f8f8ff}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .gatewayStatus{background-color:#333;box-shadow:0 2px 10px 0 rgba(0,0,0,.25)}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .gatewayStatus .statusCard .textBlock .envName{color:#f8f8ff}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .gatewayStatus .statusCard .textBlock .statusInfo{color:#8e9091}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .gatewayStatus .statusCard .textBlock .statusInfo.android_style{margin-top:4px}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .gatewayStatus .help .instruction-item .info{color:#8e9091}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .gatewayStatus .help .note{color:#8e9091}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .gatewayStatus .help .note span{color:#fff}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .gatewayStatus.failed .statusCard .textBlock .statusInfo{color:#f54040}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .loadingScreen{background-color:#333;box-shadow:0 2px 10px 0 rgba(0,0,0,.25)}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .loadingScreen .title{color:#f8f8ff}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .loadingScreen .subtitle{color:#8e9091}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen{background-color:#333}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .connectActionScreen .subtitle{color:#8e9091}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .bluetoothNetwork{background-color:#333}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .bluetoothNetwork .name{color:#f8f8ff}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList{background-color:#333}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem .iconBlcok .icon.lockIcon svg path{fill:#f8f8ff}.night .popup__grid .configure-wifi-popUp .popup__body-content .actionPane .wifiList .listItem .iconBlcok .icon.activeWifi svg g{fill:#f8f8ff}.night .popup__grid .configure-wifi-popUp .popup__body-content .dataUploadMessage{background-color:#333}.night .popup__grid .configure-wifi-popUp .popup__body-content .dataUploadMessage .uploadInfo{position:relative;top:-6px}.night .popup__grid .configure-wifi-popUp .popup__body-content .dataUploadMessage .uploadInfo svg path{fill:#cbcfd2}.night .popup__grid .configure-wifi-popUp .popup__body-content .dataUploadMessage p{margin-top:0;margin-bottom:0;margin-left:12px;color:#cbcfd2}.night .popup__grid .enterPassword .popup__header .title{color:#f8f8ff}.night .popup__grid .enterPassword .password-inputField .passwordInput{background-color:rgba(0,0,0,0) !important;caret-color:#fff}.night .popup__grid .enterPassword .password-inputField .icon.showPassword svg path#eyeBg,.night .popup__grid .enterPassword .password-inputField .icon.hidePassword svg path#eyeBg{fill:#262627}@media(max-height: 700px){.popup__grid .configure-wifi-popUp{height:85%;display:flex;flex-direction:column}.popup__grid .configure-wifi-popUp .popup__body{display:flex;flex-direction:column;flex-grow:1;overflow-y:scroll}.popup__grid .configure-wifi-popUp .popup__body .popup__body-content{display:flex;flex-direction:column;flex-grow:1}.popup__grid .configure-wifi-popUp .popup__body .popup__body-content .actionPane{height:auto;flex-grow:1}.popup__grid .configure-wifi-popUp .popup__body .popup__body-content .actionPane .loadingScreen{padding:25px}}
.tutorial_wifi__grid{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:200}.tutorial_wifi__grid .tutorial_wifi__container{width:100%;position:fixed;bottom:0%;z-index:999;box-shadow:0 -2px 17px 0 rgba(0,0,0,.11);background-color:#fff;top:auto !important}.tutorial_wifi__grid .tutorial_wifi__container .tutorial_wifi__box .tutorial_wifi__header{display:flex;align-items:center;justify-content:space-between;width:90%;margin:auto}.tutorial_wifi__grid .tutorial_wifi__container .tutorial_wifi__box .tutorial_wifi__header p{font-weight:500}.tutorial_wifi__grid .tutorial_wifi__container .tutorial_wifi__box .tutorial_wifi__header span svg{height:12px;fill:gray}.tutorial_wifi__grid .tutorial_wifi__container .tutorial_slide2 .tutorial_link{margin-top:32px}.tutorial_description{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;margin-top:.4rem}.border-bottom{border-bottom:1px solid #e6e6e6}.tutorial_ap__header{display:flex;align-items:center;justify-content:space-between;padding:0 15px;margin:auto;gap:1rem;white-space:nowrap}.tutorial_ap__header .tutorial_ap_title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;vertical-align:-webkit-baseline-middle;height:20px}.tutorial_ap__header .tutorial_ap_back{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-weight:500}.tutorial_ap__header .tutorial_ap_back span{flex:1 1;flex-direction:row;justify-content:center}.tutorial_ap__header .tutorial_ap_back span svg{height:16px}.tutorial_ap__header .tutorial_ap_back_text_container{flex:1 1;flex-direction:row;align-content:center}.tutorial_ap__header .tutorial_ap_back_text{vertical-align:-webkit-baseline-middle;color:#00b6de}.tutorial_ap__header .tutorial-right{width:2rem}.svg-color{fill:#00b6de}.instruction-check{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500}.tutorial-instruction{display:flex;align-items:center}.tutorial-instruction span{padding-right:.5rem}.tutorial-instruction p{margin:.5rem 0;font-size:12px;font-weight:500}.tutorial-instruction p span{color:#00b6de;text-decoration:underline;padding:0}.tutorial_btn_container{display:flex;justify-content:space-between;flex-direction:row-reverse;margin:auto;padding-top:4px;padding-bottom:calc(1rem + env(safe-area-inset-bottom));width:90%}.tutorial_btn_container .slide3-button{width:100%;animation:get-started-animation;animation-duration:.5s}.tutorial_btn_container .slide3-button .Obutton{width:100%;text-align:center}.tutorial_btn_container button{border:none;background-color:rgba(0,0,0,0);color:#00b6de;font-weight:500;animation-name:prev-animation;animation-duration:.2s;margin-left:2rem}.tutorial-sliderbtn .default{border-radius:1.5em;font-size:16px;padding-right:2.5em;padding-left:2.5em;display:flex;align-items:center;justify-content:center;text-align:center}.tutorial-sliderbtn .android{padding-top:10px}.tutorial_slide_content{margin:auto;width:90%;height:15rem;margin-top:1.2rem;position:relative;overflow:auto}.tutorial_slide_content .tutorial_title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#545456;margin:0}.tutorial_slide_content .tutorial_step{color:#919ca9;font-size:12px;text-transform:uppercase;font-family:"T-star","Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:normal;letter-spacing:.05em;text-transform:uppercase}.tutorial_slide_content .tutorial_wifi_description{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400}.tutorial_slide_content .tutorial_link{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500}.tutorial_slide_content .tutorial_link p:nth-child(1){font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500;margin:0;color:#545456}.tutorial_slide_content .tutorial_link p:nth-child(2){color:#00b6de;text-decoration:underline;margin:6px 0}.tutorial_slide_content .tutorial_link p a{color:#00b6de;text-decoration:underline;margin:6px 0}.img-container{width:100%;background-color:rgba(1,180,222,.0588235294);margin:auto;position:relative;display:grid;min-height:13rem}.img-container .icon{height:auto}.img-container .tutorial-info{position:absolute;display:flex;align-items:center;justify-content:center;top:15px;z-index:100;right:15px;fill:#00b6de}.img-container .tutorial-info p{font-size:12px;margin:-2px;margin-right:.5rem;z-index:-10;animation-name:p-animation-front;background-color:#fff;padding:1px;animation-duration:.2s}.img-container .tutorial-info p a{color:#00b6de;text-decoration:underline}.device-container{margin:auto;width:90%;margin-bottom:5.6rem;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px}.device-container .device-img-container{background-color:#f5f5f8;margin-bottom:1rem;height:13rem;display:flex;align-items:center;justify-content:center}.device-container .device-img-container img{height:100%}.tutorial-instruction p{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400}.tutorial-instruction p span{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500}.tutorial_starter__grid{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:200}.tutorial_starter__grid .tutorial_starter__container{width:100%;position:fixed;bottom:0%;z-index:999;box-shadow:0 -2px 17px 0 rgba(0,0,0,.11);background-color:#fff;top:auto !important}.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__header{display:flex;align-items:center;justify-content:space-between;padding:0rem 1.5rem;border-bottom:1px solid #eae7e7}.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__header p{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px}.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__header div span svg{height:12px;fill:gray}.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__content{margin:auto;padding-bottom:3rem}.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__content .button_container{display:flex;align-items:center;justify-content:space-around;margin:2rem 0rem}.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__content .button_container .bluetooth_container,.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__content .button_container .wifi_container{padding:1.5rem;background-color:rgba(1,181,222,.0431372549);width:40%;display:flex;flex-direction:column;border-radius:30px}.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__content .button_container .bluetooth_container span,.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__content .button_container .wifi_container span{margin-bottom:1rem;text-align:left;width:100%}.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__content .button_container .bluetooth_container p,.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__content .button_container .wifi_container p{color:#00b6de;width:100%;margin:0;padding:2px;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px}.tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__content p{font-size:12px;margin-bottom:2rem}.svg-color{fill:#00b6de}.gateway-error{text-align:center}.gateway-error span{margin-bottom:10px}.gateway-error .title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;margin:0}.gateway-error .description{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;width:80%;margin:auto}@keyframes p-animation-front{0%{transform:translateX(60%);opacity:0}100%{transform:translateX(0%);opacity:1}}@keyframes p-animation-back{0%{transform:translateX(0%);opacity:0}100%{transform:translateX(60%);opacity:1}}@keyframes prev-animation{0%{transform:translateX(70%)}100%{transform:translateX(0%)}}@keyframes get-started-animation{0%{width:50%}100%{width:100%}}.night .device-img-container{background-color:rgba(1,181,222,.0431372549)}.night .border-bottom{border:none}.night .tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box{background-color:#262627;color:#fff}.night .tutorial_starter__grid .tutorial_starter__container .tutorial_starter__box .tutorial_starter__header div span svg{fill:#fff}.night .tutorial_wifi__grid .tutorial_wifi__container{background-color:#262627;color:#fff}.night .tutorial_wifi__grid .tutorial_wifi__container .tutorial_link p:nth-child(1){color:#fff}.night .tutorial_wifi__grid .tutorial_wifi__container .tutorial_step{color:#919ca9}.night .tutorial_wifi__grid .tutorial_wifi__container .tutorial_title{color:#fff}.night .tutorial-info p{background-color:#262627}
.connectivity-gateway{height:100%;display:flex;flex-direction:column}.connectivity-gateway .envoyCards-wrapper{overflow-y:scroll;flex-grow:1}.connectivity-gateway .envoyCards-wrapper .wrapper-title{font-family:"T-star","Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:normal;letter-spacing:.05em;text-transform:uppercase;color:#919ca9;margin:26px 20px 16px}.connectivity-gateway .envoyCards-wrapper .gatewayCard{margin:20px;padding:16px 16px 20px;background-color:#fff;border-radius:8px}.connectivity-gateway .envoyCards-wrapper .gatewayCard .name{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;line-height:normal;margin-bottom:7px}.connectivity-gateway .envoyCards-wrapper .gatewayCard .serialNo,.connectivity-gateway .envoyCards-wrapper .gatewayCard .sku{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;color:rgba(63,64,65,.5)}.connectivity-gateway .envoyCards-wrapper .gatewayCard .connectionType{margin-top:20px;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px}.connectivity-gateway .envoyCards-wrapper .gatewayCard .partitionLine{margin-top:13px;padding-bottom:6px;border-bottom:1px solid rgba(123,135,147,.2)}.connectivity-gateway .envoyCards-wrapper .gatewayCard .action-wrapper{display:flex;justify-content:space-between;margin-top:16px}.connectivity-gateway .envoyCards-wrapper .gatewayCard .action-wrapper .text .title{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#01b4de}.connectivity-gateway .envoyCards-wrapper .gatewayCard .action-wrapper .text .subtitle{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;color:#7b8793}.connectivity-gateway .envoyCards-wrapper .gatewayCard .action-wrapper .icon.menuNext{display:flex}.connectivity-gateway .envoyCards-wrapper .gatewayCard .action-wrapper .icon.menuNext svg path{fill:#01b4de}.connectivity-gateway .envoyCards-wrapper .gatewayCard .connection-type.connectivity{margin-bottom:20px}.connectivity-gateway .envoyCards-wrapper .gatewayCard .connection-type.connectivity .name{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400}.connectivity-gateway .envoyCards-wrapper .gatewayCard .connection-type.connectivity .active .name,.connectivity-gateway .envoyCards-wrapper .gatewayCard .connection-type.connectivity .active .status{font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500}.connectivity-gateway .tutorialLink{margin:16px 25px;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:400;color:#545456;display:flex;justify-content:center}.connectivity-gateway .tutorialLink .clickHere{margin-left:5px;color:#01b4de;font-family:"Visuelt","Roboto","Helvectica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:500;text-decoration:underline;cursor:pointer}.night .connectivity-gateway .envoyCards-wrapper .gatewayCard{background-color:#2a2a2b;box-shadow:0 2px 10px 0 rgba(0,0,0,.25)}.night .connectivity-gateway .envoyCards-wrapper .gatewayCard .name{color:#f8f8ff}.night .connectivity-gateway .envoyCards-wrapper .gatewayCard .serialNo,.night .connectivity-gateway .envoyCards-wrapper .gatewayCard .sku{color:#d8dcde}.night .connectivity-gateway .envoyCards-wrapper .gatewayCard .connection-type.connectivity .name{color:#8e9091}.night .connectivity-gateway .tutorialLink{color:#8e9091}
.configure #live-status{margin-top:20px;width:100%;padding:15px;background-color:#7ecd40;color:#fff;border:none;border-radius:3px;outline:none}.configure .button-alignment{display:flex;justify-content:center;margin-left:0px !important}.configure .button-alignment>span{width:80%}.configure .label-alignment{text-align:center;margin-left:0px !important}
.homeConnect .container.list-container{height:100vh !important}