@charset "UTF-8";@import"//fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans&display=swap";:root{--app-header-height-long: 128px}html{font-family:Inter,serif;height:100%;overflow:hidden auto;width:100%}*{box-sizing:border-box}body{background-color:#fff;height:inherit;margin:0;padding:0;width:inherit}#root{height:inherit;width:inherit}.loader-container{padding:2rem 0}.loader-container>.loader-spinner{animation:spin 1s linear infinite;border:.5rem solid #f3f3f3;border-radius:50%;border-top:.5rem solid #3498db;height:50px;margin:0 auto;width:50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (width <= 37.5em){html{font-size:10px}.col-xsm-1{width:8.33%}.col-xsm-2{width:16.66%}.col-xsm-3{width:25%}.col-xsm-4{width:33.33%}.col-xsm-5{width:41.66%}.col-xsm-6{width:50%}.col-xsm-7{width:58.33%}.col-xsm-8{width:66.66%}.col-xsm-9{width:75%}.col-xsm-10{width:83.33%}.col-xsm-11{width:91.66%}.col-xsm-12{width:100%}}@media only screen and (width >= 37.5em){html{font-size:12px}.col-sm-1{width:8.33%}.col-sm-2{width:16.66%}.col-sm-3{width:25%}.col-sm-4{width:33.33%}.col-sm-5{width:41.66%}.col-sm-6{width:50%}.col-sm-7{width:58.33%}.col-sm-8{width:66.66%}.col-sm-9{width:75%}.col-sm-10{width:83.33%}.col-sm-11{width:91.66%}.col-sm-12{width:100%}}@media only screen and (width >= 48em){html{font-size:14px}.col-md-1{width:8.33%}.col-md-2{width:16.66%}.col-md-3{width:25%}.col-md-4{width:33.33%}.col-md-5{width:41.66%}.col-md-6{width:50%}.col-md-7{width:58.33%}.col-md-8{width:66.66%}.col-md-9{width:75%}.col-md-10{width:83.33%}.col-md-11{width:91.66%}.col-md-12{width:100%}}@media only screen and (width >= 62em){html{font-size:16px}.col-lg-1{width:8.33%}.col-lg-2{width:16.66%}.col-lg-3{width:25%}.col-lg-4{width:33.33%}.col-lg-5{width:41.66%}.col-lg-6{width:50%}.col-lg-7{width:58.33%}.col-lg-8{width:66.66%}.col-lg-9{width:75%}.col-lg-10{width:83.33%}.col-lg-11{width:91.66%}.col-lg-12{width:100%}}@media only screen and (width >= 75em){html{font-size:16px}.col-xlg-1{width:8.33%}.col-xlg-2{width:16.66%}.col-xlg-3{width:25%}.col-xlg-4{width:33.33%}.col-xlg-5{width:41.66%}.col-xlg-6{width:50%}.col-xlg-7{width:58.33%}.col-xlg-8{width:66.66%}.col-xlg-9{width:75%}.col-xlg-10{width:83.33%}.col-xlg-11{width:91.66%}.col-xlg-12{width:100%}}.header-container{position:sticky;background:#fff;height:128px;width:100%;box-shadow:0 1px 3px #0000001f,0 1px 1px #00000024,0 2px 1px -1px #0003;padding:0 24px;top:0;z-index:1201}.header-container.short,.header-container .header-row{height:64px}.header-container .logo-container{display:inline-block;height:20px;width:200px;position:sticky;top:0;margin:22px 0;padding:0}.header-container .logo-container .header-logo{left:50%;width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);margin:0}.header-container .logo-container .header-logo-stacked{display:none}@media only screen and (width < 75em){.header-container{padding:0}.header-container .header-row.selector{padding:0 12px}.header-container .logo-container{flex-grow:1}.header-container .logo-container .header-logo{left:50%;width:443px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);margin:0}}@media only screen and (width < 37.5em){.header-container{padding:0}.header-container .logo-container{width:123px;flex-grow:1;height:64px;margin:0}.header-container .logo-container .header-logo{display:none}.header-container .logo-container .header-logo-stacked{display:inline-block;left:50%;width:123px;height:auto;position:absolute;top:50%;transform:translate(-50%,-50%);margin:0}}.body-container{height:100vh;display:flex;flex-direction:column}html{overflow:visible}.content-container{background-color:#fff;display:block;overflow-x:hidden;position:relative;flex-grow:1}.iot-tool-container{background-color:#fff;display:inline-block;vertical-align:top;padding-bottom:24px}@media only screen and (width <= 37.5em){.iot-tool-container{width:100%}}.iot-content-container{background-color:#fff;display:inline-block;position:relative;transition:width .5s margin-left .5s transform 2s;vertical-align:top;height:100%;padding-top:32px}.iot-content-container .hidden{display:none}.iot-content-container .error-container{color:#8c8c8c;display:block;position:relative;text-align:center;top:50%;transform:translateY(-50%);width:calc(100% - 3rem)}.iot-content-container .drawer-button-container{height:100%;position:fixed;width:3rem}.iot-content-container .drawer-button-container .drawer-button{top:40%;z-index:1;background-color:#fff;border-radius:0 20px 20px 0;min-width:0;width:2rem;height:2.5rem}.status-popup-container{height:100%;padding:16px;width:100%}@media only screen and (width <= 37.5em){.status-popup-container .status-popup-body table td{font-size:.65rem}}.dropdown-selection{display:inline-block;vertical-align:top;min-width:12rem;border-radius:8px!important}.dropdown-selection .dropdown-selection-input{margin:0 .5rem}@media only screen and (width <= 37.5em){.dropdown-selection{display:block;margin:1.25rem}}.inline-box{border:1px solid #000;max-height:calc(100% - 9rem)!important;min-height:60rem;overflow:auto;vertical-align:top}.status-map-container{height:100%}.status-map-container #status-map{position:relative;background-color:#fff;height:100%}.status-map-container #status-map #status-button{background-color:#fff;border-radius:8px;display:flex;top:24px;left:24px;position:absolute;z-index:1;box-shadow:0 1px 3px #0000001f,0 1px 1px #00000024,0 2px 1px -1px #0003}.status-map-container #status-map #status-zoom-button{border-radius:24px;position:absolute;right:24px;bottom:24px;background-color:#fff;display:flex;flex-direction:column;align-items:center;z-index:1;box-shadow:0 1px 3px #0000001f,0 1px 1px #00000024,0 2px 1px -1px #0003}.status-map-container #status-map #status-popup{background-color:#fff;border-radius:8px;display:block;height:auto;width:272px}.status-map-container #status-map #status-popup>:after{border:solid transparent;border-top-color:#fff;border-width:12px;bottom:100%;content:" ";height:0;left:7.5rem;margin-top:-1px;pointer-events:none;position:absolute;transform:rotate(180deg);width:0}.status-map-container #status-map #status-popup .close-icon{position:absolute;cursor:pointer;right:.5rem;top:.5rem}.status-map-container #status-map #status-popup.hidden{display:none!important}.iot-drawer{top:128px!important}.iot-drawer .iot-drawer-list{height:calc(100% - 128px)!important}.iot-drawer .iot-drawer-list .list-tabs{background-color:#fff!important;color:#4d95e8!important;height:48px!important}.iot-drawer .iot-drawer-list .MuiTabs-indicator{background-color:#4d95e8!important}.iot-drawer .iot-drawer-list>ul{max-height:calc(100% - 6rem - 48px)!important;overflow-y:auto}.iot-item{font-size:1rem;width:100%;min-height:48px;border-bottom:1px rgba(0,0,0,.12) solid;border-left:8px transparent solid}.iot-item .iot-item-link{display:inline-flex;flex:1;padding:12px 0;background-color:transparent}.iot-item .iot-item-link .iot-icon{display:inline-block;height:24px;position:relative;vertical-align:middle;width:56px;margin-left:16px}.iot-item .iot-item-link .iot-icon .device-icon svg{fill:#757575}.iot-item .iot-item-link .iot-icon img{height:100%;left:50%;position:absolute;transform:translate(-50%)}.iot-item .iot-item-link .iot-name{display:inline-block;vertical-align:middle;padding-top:4px;word-break:break-word}.iot-item:hover{border-left:8px #4d95e8 solid}.iot-item.selected{background-color:#029ddb26}.iot-item.selected:hover{background-color:#029ddb4d}.iot-status-container{text-wrap:nowrap}.iot-status-container .status-icon{display:inline-block;height:1.4rem;vertical-align:middle;width:1.4rem;margin-left:20px}.iot-status-container .status-icon.action{cursor:pointer}.iot-status-container .status-icon:first-child{margin-left:0}@media screen and (width <= 1200px){.iot-status-container .status-icon{margin-left:5px}}.history-map-container{height:100%}.history-map-container #map{background-color:#f2f2f2;height:100%;width:100%}.menu-list{list-style-type:none;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:10px}.menu-list .menu-item{cursor:pointer;text-transform:uppercase}.menu-list .menu-item>.menu-item-link{color:#fff;font-family:Inter;text-decoration:none}.menu-list .menu-item>.menu-item-link:hover{color:#8c8c8c}.menu-list .menu-item>.menu-item-link.active{border-bottom:1.5px solid #fff;padding-bottom:1px}.menu-list .menu-item .menu-icon{color:#fff;width:2rem;height:2rem}@media only screen and (width < 75em){.mobile-menu-container{display:flexbox;height:64px;aspect-ratio:1;position:relative}.mobile-menu-container .menu-button{bottom:50%;left:25%;position:absolute;top:50%;transform:translateY(-50%);width:50%}.mobile-menu-container .menu-button.hidden{display:none}.mobile-menu-container .menu-content{background-color:#000;height:calc(100% - 128px);position:fixed;top:128px;left:0;transition:1s ease-in-out;width:100%;z-index:2}.mobile-menu-container .menu-content .menu-list{display:block;height:100%;padding-left:0;padding-top:3rem;text-align:center}.mobile-menu-container .menu-content .menu-list .menu-item{font-size:1.4rem;margin-bottom:3rem}.mobile-menu-container .menu-content.hidden{height:0%;opacity:0}.menu-container{display:none}}@media only screen and (width >= 75em){.menu-container{display:flexbox;height:64px;flex-grow:1}.mobile-menu-container,.mobile-menu-container .menu-button{display:none}}.MuiMenu-paper{border-radius:10px!important}.notification-popup-input-container{margin-top:2rem}.notification-popup-input{width:100%;text-align:left;padding-top:3rem}.notification-popup-input .dropdown-selection-input{width:100%}.notification-popup-title{text-align:left;min-width:500px;margin:0 0 .5rem}.notification-popup-organization-container{text-align:left;margin:0 0 3rem}.notification-popup-input-title{text-align:left;margin:0 0 .5rem}.notification-organization-icon{float:left;margin:0 10px 3px 0}.notification-button-icon{float:left;margin:1rem 2rem 0 3rem;background-color:#e6e6e6}.notification-buttons-container{float:right}/*!
 * Copyright (C) 2019 SADE Innovations Oy - All Rights Reserved
 *
 * NOTICE: This software is owned by SADE Innovations Oy and licensed under SADE Booster license.
 * All dissemination, usage, modification, copying, reproduction, selling and distribution of the
 * software and its intellectual and technical concepts are strictly forbidden without a valid license.
 * Such license can be obtained by issuing a SADE Booster License agreement from SADE Innovations Oy
 * (https://sadeinnovations.com).
 *
 */.org-users-table{max-height:100%!important;overflow-y:auto}.org-users-table td:first-child{width:50%}.org-users-table td:nth-child(2){width:35%;text-align:center}.org-users-table td:nth-child(3){width:15%;text-align:right}.iot-content-drawer{height:calc(100vh - 128px)!important;top:128px!important;overflow:hidden!important}.iot-content-drawer.space-for-tools{height:calc(100vh - 128px - 5rem);top:calc(128px + 5rem)!important}.iot-content-drawer .drawer-button-container{position:absolute;right:0%;top:40%}.iot-content-drawer .drawer-button-container .drawer-button{padding:0;background-color:#fff;border-radius:20px 0 0 20px;min-width:0;width:2rem;height:2.5rem}.iot-content-drawer .drawer-button-container .drawer-button.close{margin-bottom:.25rem}@media only screen and (width <= 37.5em){.iot-content-drawer{z-index:1!important}.iot-content-drawer .drawer-button.visible{display:none}}@media only screen and (width >= 37.5em){.iot-content-drawer .drawer-button.visible{display:none}}@media only screen and (width >= 62em){.iot-content-drawer .drawer-button.visible{display:flex}}.popup-inner{padding:20px;text-align:center;overflow:hidden}.popup-inner .popup-header{font-size:1rem;margin-bottom:2rem;text-align:center}.popup-inner .popup-header .device-icon{padding:0 .5rem;vertical-align:middle}.popup-inner .popup-header .popup-header-device-type{padding-top:.2rem;font-size:.8rem;color:#2f4f4f}.popup-inner .popup-header .popup-header-secondary-info{padding-top:.4rem;font-size:.7rem;color:#2f4f4f}.popup-inner .popup-body .ota-package-information-item{margin-bottom:1rem}.popup-inner .popup-body .setting-item{font-size:.8rem}.popup-inner .popup-body .setting-item li{margin-right:1rem;padding:0}.popup-inner .popup-body .setting-item span,.popup-inner .popup-body .setting-item input{font-size:.8rem}.popup-inner .popup-body .setting-item .color{border-radius:2px;height:1rem;width:2rem}.popup-inner .popup-body .setting-item .swatch{background:#fff;border-radius:1px;box-shadow:0 0 0 1px #323232;cursor:pointer;display:inline-block;padding:.2rem}.popup-inner .popup-body .setting-item .popover{position:absolute;z-index:2}@media only screen and (width <= 37.5em){.popup-inner .popup-body .setting-item{margin:0}}.organization-details{display:inline-block;position:relative}.organization-details .organization-name{font-size:2rem;font-weight:700;width:100%}.device-list-content-container{display:flex;flex-flow:column;height:calc(100% - 64px);overflow-y:auto;flex-grow:1;border-top:1px rgba(0,0,0,.12) solid}.device-list-breadcrumbs-container{padding-left:1rem;min-height:1rem}.device-list-container{overflow:hidden scroll;width:100%;flex:1}.device-list-error-message{display:block;text-align:center;margin:2em auto}.admin-list-container{display:inline-block;position:relative;width:50%}@media only screen and (width <= 37.5em){.admin-list-container{height:80%;width:100%}}@media only screen and (width >= 37.5em){.admin-list-container{height:70%;width:100%}}@media only screen and (width >= 48em){.admin-list-container{height:70%;width:100%}}@media only screen and (width >= 62em){.admin-list-container{height:calc(100% - 9rem);width:50%}}.profile-page-selector{padding-bottom:0;padding-top:24px;padding-left:24px}.profile-paper{padding:24px;background-color:#fff!important}.profile-list{padding:0}.profile-list .profile-list-item{padding:16px 0 8px}.billing-plan-list .billing-plan-active-item{padding:14px 8px 14px 16px;border:2px solid #029ddb;background-color:#029ddb0a;border-radius:14px}.billing-plan-list .billing-plan-list-item{padding:14px 8px 14px 16px;border:1px solid rgba(0,0,0,.1215686275);border-radius:14px}.billing-plan-banner{padding:16px;margin-bottom:16px;background-color:#0288d11a;border-radius:14px}.billing-plan-banner-container{padding:16px;margin-top:24px}.field-item-grid-container{align-items:flex-end;padding:0}.field-item-grid-container .field-item-grid-item-container,.field-item-grid-container .field-item-grid-item-container .field-item-grid-item-column-container{padding:0}.field-item-grid-container .field-item-grid-item-container .field-item-grid-item-column-container .field-item-grid-item{padding:0 0 4px}.field-item-grid-container .field-button-icon{height:24px;width:24px;color:#ee2737}.profile-menu{padding-top:24px!important;padding-left:16px!important;padding-right:16px!important;width:100%}.profile-menu .profile-menu-text{text-wrap:nowrap}.profile-navigation-menu-button{border-radius:24px!important;border:1px solid rgba(0,0,0,.2588235294)!important;color:#000!important}.profile-content-page-container{min-width:300px;width:100%;border-left:1px solid rgba(0,0,0,.1215686275)}.edit-dialog-container{padding:24px;gap:24px;display:flex}.edit-dialog-container .dialog-gray-text{font-size:12px;opacity:.6}.edit-dialog-container .dialog-gray-text.with-bullet:before{content:"•";margin-right:.5em}.edit-dialog-container .dialog-item-container{gap:12px}.edit-dialog-container .dialog-item-container .dialog-button{border-radius:8px}.edit-dialog-container .password-error-text{font-size:12px;padding:4px 8px 0;position:absolute;color:#d32f2f}.confirm-dialog .confirm-dialog-container{padding:24px;gap:24px}.confirm-dialog .confirm-dialog-container .confirm-dialog-item-container{gap:16px}.confirm-dialog .confirm-dialog-container .confirm-dialog-item-container .confirm-dialog-button{border-radius:8px}.confirm-dialog .confirm-dialog-container .confirm-error-text{font-size:12px;padding:8px 8px 0;position:absolute;color:#d32f2f}.code-container{display:flex;justify-content:space-between}.code-container .confirm-code-field{margin:.5rem 0;aspect-ratio:1;width:calc((100% - 5rem) / 6);text-align:center;border-radius:.5rem;border:solid rgba(0,0,0,.23) 1px;font-size:27px}.code-container .confirm-code-field.error{border-color:#d32f2f}.accept-terms-header{position:sticky;height:64px;width:100%;box-shadow:0 1px 3px #0000001f,0 1px 1px #00000024,0 2px 1px -1px #0003;top:0;align-content:center;padding:0 16px;background:#fff}.accept-terms-footer{position:sticky;bottom:0;height:64px;box-shadow:0 -1px 3px #0000001f,0 -1px 1px #00000024,0 -2px 1px -1px #0003;width:100%;align-content:center;background:#fff;padding:0 16px}.accept-terms-content{flex-grow:1;overflow:auto;height:calc(100vh - 128px);padding:32px}