@charset "UTF-8";@import"//fonts.googleapis.com/css?family=Roboto:400,500,700";@import"//fonts.googleapis.com/css?family=Rubik&display=swap";html{font-family:Roboto,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:#284b63;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:443px;position:sticky;top:0;margin:22px 0}.header-container .logo-container .header-logo{left:50%;width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);margin:0;height:auto}.header-container .logo-container .header-logo-stacked{display:none}@media only screen and (width < 75em){.header-container{padding:0}.header-container .logo-container{flex-grow:1}.header-container .logo-container .header-logo{left:50%;width:443px;height:40px;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{background-color:#284b63;display:block;overflow-x:hidden;position:relative;height:calc(100vh - 128px)}.body-container.long{height:calc(100vh - 64px)}.login-page-container{height:100%}.login-page-container .login-page-bg{background-color:#284b63;height:100%;position:relative}.login-page-container .login-page-bg .login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-page-container .login-page-bg .login-container .logo-container{position:relative;display:block;margin:24px auto;height:175px;width:100%}.login-page-container .login-page-bg .login-container .logo-container .header-logo{left:50%;max-width:100%;position:absolute;transform:translate(-50%,-50%);display:flex;align-self:center}.login-page-container .login-page-bg .login-container .login-content{height:100%;margin:0 auto}.login-page-container .login-page-bg .login-container .login-content .login-header{color:#fff;font-size:2.25rem;text-align:center;padding:.5rem 0 1rem}.login-page-container .login-page-bg .login-container .login-content .login-header .login-no-break{white-space:nowrap}.login-page-container .login-page-bg .login-container .login-content .login-subheader{color:#fff;opacity:.66;font-size:1rem;text-align:center;margin:0}.login-page-container .login-page-bg .login-container .login-content .login-fields{padding:2rem 0 1rem;opacity:1;text-align:center;text-align:left}.login-page-container .login-page-bg .login-container .login-content .login-fields label{color:#888}.login-page-container .login-page-bg .login-container .login-content .login-fields .text-field:last-child{margin-top:1rem}.login-page-container .login-page-bg .login-container .login-content .login-fields input{color:#284b63}.login-page-container .login-page-bg .login-container .login-content .login-fields input:-webkit-autofill{opacity:.2}.login-page-container .login-page-bg .login-container .login-content .login-fields fieldset{border-radius:8px}.login-page-container .login-page-bg .login-container .login-content .login-fields .login-code-field{margin:.5em;aspect-ratio:1;width:calc((100% - 6em) / 6);text-align:center;border-radius:.5em;border:solid #c4c4c4 1px}.login-page-container .login-page-bg .login-container .login-content .login-buttons{margin:24px 0 1.5rem;text-align:center}.login-page-container .login-page-bg .login-container .login-content .login-buttons button{height:3rem;width:100%;text-transform:none;font-weight:700;line-height:26px;letter-spacing:.46px;font-size:15px;border-radius:8px}.login-page-container .login-page-bg .login-container .login-content .login-buttons button:disabled{color:#284b63;background-color:#f49e4c;opacity:.66}.login-page-container .login-page-bg .login-container .login-content .login-buttons button:hover{cursor:pointer}.login-page-container .login-page-bg .login-container .login-content .login-links{margin:0;text-align:center;color:#fff;opacity:.66}.login-page-container .login-page-bg .login-container .login-content .login-links.right{text-align:right}.login-page-container .login-page-bg .login-container .login-content .login-links a{color:inherit;text-decoration:inherit;cursor:pointer}.login-page-container .login-page-bg .login-container .login-content .login-links .login-back{margin:0 auto;text-decoration:underline;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%2322a7ff'%3e%3cpath%20d='M11.67%203.87L9.9%202.1%200%2012l9.9%209.9%201.77-1.77L3.54%2012z'/%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3c/svg%3e") no-repeat left center fixed;padding:0 1.5em;font-weight:700}.login-page-container .login-page-bg .login-container .login-content .login-password-requirements-header{margin:1.5rem 0 .5rem;font-size:1.125rem;color:#0009}.login-page-container .login-page-bg .login-container .login-content .login-password-requirements{display:flex;font-size:.75rem;color:#0009;flex-wrap:wrap}.login-page-container .login-page-bg .login-container .login-content .login-password-requirements li{margin-bottom:.375rem;width:50%}.login-page-container .login-page-bg .login-container .login-content .login-pwCheckText{text-align:center;color:#7586ff}.login-page-container .login-page-bg .login-container .login-content .login-errortext{color:#f44336;font-size:.75rem}.login-page-container .login-page-bg .login-container .login-content .visibility-icon{color:#22a7ff}.login-page-container .login-page-bg .login-container .login-legal{text-align:center;font-size:.75rem;margin:1.5rem 0}.login-page-container .login-page-bg .login-container .login-legal .login-legal-links{white-space:pre-wrap;color:#fff}.login-page-container .login-page-bg .login-container .login-legal .login-legal-links a{color:#fff;margin:0 1em;text-decoration:none}.login-page-container .login-page-bg .login-container .login-legal .login-copyright{color:#fff;margin-top:1em}@media only screen and (width >= 62em){.login-page-container{background:url(/assets/Sensoan-Tempo_web_bg-CYUJxDIo.jpeg) no-repeat center center fixed;background-size:cover}}.iot-tool-container{background-color:#284b63;display:inline-block;height:5rem;vertical-align:top}@media only screen and (width <= 37.5em){.iot-tool-container{width:100%}}.iot-content-container{background-color:#284b63;display:inline-block;overflow-y:auto;position:relative;transition:width .5s margin-left .5s transform 2s;vertical-align:top;height:calc(100% - 5rem)}.iot-content-container .hidden{display:none}.iot-content-container .error-container{color:#8c8c8c;display:block;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:calc(100% - 3rem)}.iot-content-container>.table-wrapper{-webkit-overflow-scrolling:touch;display:block;left:3rem;overflow-x:auto;padding-right:2rem;position:relative;text-align:center;width:calc(100% - 3rem)}.iot-content-container .drawer-button-container{height:calc(100% - 8rem);position:absolute;width:3rem}.iot-content-container .drawer-button-container .drawer-button{top:50%;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:10px;width:100%}.status-popup-container .status-popup-body{padding:0 10px}.status-popup-container .status-popup-body p{font-size:.8rem;text-align:center}.status-popup-container .status-popup-body table{width:100%}.status-popup-container .status-popup-body table td{font-size:.8rem}.status-popup-container .status-popup-body table td :nth-child(2){text-align:right}@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}.table-wrapper-title{background-color:#284b63;display:block;font-size:1.17rem;font-weight:400;height:3.17rem;padding:1rem 16px;color:#fff}.table-wrapper-title.sticky{left:0;position:sticky;top:0}.table-wrapper-table-header-cell{background-color:#284b63}.table-wrapper-table-header-cell.sticky{left:unset!important;top:3.17rem!important}.table-wrapper-pagination{left:0;position:sticky}.status-map-container{height:100%}.status-map-container #status-map{position:relative;background-color:#284b63;height:100%}.status-map-container #status-map #status-button{position:absolute;width:100%;z-index:1}.status-map-container #status-map #status-popup{background-color:#284b63;border-radius:5px;display:block;height:auto;width:16.625rem}.status-map-container #status-map #status-popup>:after{border:solid transparent;border-top-color:#284b63;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-device-list-container{background-color:#284b63;display:inline-block;vertical-align:top;height:5rem}.iot-device-list-container button{height:100%}.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-drawer .iot-drawer-list-header{height:3rem}.iot-drawer .iot-drawer-list-header button{display:inline-block;height:3rem;position:relative}.iot-drawer .iot-drawer-list-header button img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.iot-drawer .iot-drawer-list-header .iot-drawer-list-header-title{display:inline-block;font-size:1.5rem;vertical-align:middle}.iot-item{font-size:1rem;width:100%;height:48px}.iot-item .iot-item-link{border-left:8px transparent solid;color:#8c8c8c;display:inline-flex;flex:1;padding:.8rem 0}.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>img{height:100%;left:50%;position:absolute;transform:translate(-50%)}.iot-item .iot-item-link .iot-name{color:#8c8c8c;display:inline-block;vertical-align:middle;padding-top:4px}.iot-item .iot-item-link:hover,.iot-item .iot-item-link.active{border-left:8px #4d95e8 solid}.iot-item .iot-status-container .status-icon{display:inline-block;height:1.4rem;vertical-align:middle;width:1.4rem;margin-left:8px}.iot-item .iot-status-container .status-icon.action{cursor:pointer}.iot-item .iot-status-container .status-icon-divider{display:inline-block;height:1.4rem;vertical-align:middle;width:1px;margin-left:8px}.iot-item.error{color:#8c8c8c;padding:.8rem 0;text-align:center}.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:Rubik;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}}.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}.stats-tools-container{display:block;height:8rem;text-align:center;width:100%}.stats-tools-container>.select-sensor-container{display:inline-block;width:50%}.stats-tools-container>.select-sensor-container.left{padding-left:5rem;text-align:left}.stats-tools-container>.select-sensor-container.right{padding-right:5rem;text-align:right}.stats-tools-container>.select-sensor-container.right em{font-style:normal}.stats-tools-container>.export-container{display:block;padding-right:5rem;padding-top:1rem;text-align:right;width:100%}@media only screen and (width <= 37.5em){.stats-tools-container>.export-container{padding-right:1.5rem;padding-top:.5rem}.stats-tools-container>.export-container>button{font-size:.85rem}.stats-tools-container>.export-container>a>button{font-size:.85rem}.stats-tools-container>.select-sensor-container.left{padding-left:1.5rem}.stats-tools-container>.select-sensor-container.right{padding-right:1.5rem}}.iot-content-drawer{height:calc(100% - 128px);top:128px!important}.iot-content-drawer.space-for-tools{height:calc(100% - 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;padding:0 1.5rem}.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}}.tree-search-bar-container{bottom:70px;height:5rem;padding-left:16px;padding-right:16px;position:absolute;width:100%}.tree-search-bar-container .search-bar{border-radius:3px;padding:0;width:100%}.admin-search-bar-container{padding:16px 24px 12px}.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)}.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-paper{width:600px;padding:24px;background-color:#284b63!important}.profile-list{padding:0}.profile-list .profile-list-item{padding:16px 0 8px}.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:#4d95e8}.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:16px}.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}.exit-button{position:absolute!important;right:0!important}.confirm-dialog .exit-button{position:absolute;right:0}.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}.confirm-dialog .confirm-dialog-container .code-container{display:flex;justify-content:space-between;padding-left:1rem;padding-right:1rem}.confirm-dialog .confirm-dialog-container .code-container .confirm-code-field{border-radius:8px;border-width:.5px;border-style:groove;font-size:24px;height:5ex;width:5ex;text-align:center}.confirm-dialog .confirm-dialog-container .code-container .confirm-code-field.error{border-width:1px;border-color:red}