body{background:#ccc;overflow-x:hidden;font-family:var(--wa-font, var(--bs-body-font-family))}.page{width:auto;margin:70px 20px 20px}.portal-nav{position:fixed;top:0;left:20px;right:20px;z-index:1030;display:flex;align-items:stretch;height:50px;box-sizing:border-box;background:#f8f8f8;border-bottom:1px solid #e7e7e7;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px}.portal-brand{display:flex;align-items:center;padding:0 15px;color:#777;font-size:18px;line-height:20px;text-decoration:none;white-space:nowrap}.portal-brand:hover,.portal-brand:focus{color:#5e5e5e}.portal-brand sup{position:relative;top:-.6em;font-size:11px;line-height:0}.portal-links{display:flex;flex:1;align-items:stretch;min-width:0}.portal-menu{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}.portal-menu-right{margin-left:auto}.portal-menu>li{position:relative;display:flex}.portal-menu>li>a{display:flex;align-items:center;padding:0 15px;color:#777;text-decoration:none;white-space:nowrap}.portal-menu>li>a i{margin-right:4px}.portal-menu>li>a:hover,.portal-menu>li>a:focus{color:#333;background:#e7e7e7}.portal-menu>li.active>a,.portal-menu>li.active>a:hover,.portal-menu>li.active>a:focus{color:#555;background:#e7e7e7}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.portal-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:200px;margin:0;padding:5px 0;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px #0000002d}.portal-dropdown li.menu-label{padding:3px 20px 3px 10px;color:#333;font-weight:700;white-space:nowrap}.portal-dropdown a{display:block;padding:3px 20px;color:#333;text-decoration:none;white-space:nowrap}.portal-dropdown a i{margin-right:4px}.portal-dropdown a:hover,.portal-dropdown a:focus{color:#262626;background:#f5f5f5}.portal-toggle{display:none;margin-left:auto;align-self:center;width:44px;height:34px;margin-right:8px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#888}.card{border-radius:var(--wa-radius, var(--bs-border-radius))}.card-header{color:#fff;background-color:var(--wa-accent, #555);border-color:#ddd}.portal-logo{max-height:40px;width:auto;height:auto}.card-header .card-title{color:#fff}.table{font-size:12px}.page:has(.device-page){padding-left:0;padding-right:0}.device-page .card,.device-page .card-header,.device-page .card-header:first-child{border-radius:0}.device-heading{display:flex;align-items:stretch;flex-wrap:wrap;gap:.75rem;overflow:visible}.device-heading>.dropdown{margin-left:-1rem}.device-heading .dropdown{display:flex;align-items:stretch}.device-section-toggle{display:inline-flex;align-items:center;margin:-.5rem 0;padding:0 15px;border:0;border-radius:0;background:#f8f8f8;color:#777;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;white-space:nowrap;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.device-section-toggle i,.device-section-menu button i{margin-right:4px}.device-section-toggle:hover,.device-section-toggle:focus{color:#333;background:#e7e7e7}.device-heading .dropdown.show .device-section-toggle,.device-heading .dropdown.show .device-section-toggle:hover,.device-heading .dropdown.show .device-section-toggle:focus{color:#555;background:#e7e7e7}.device-section-menu{position:absolute;top:100%;left:0;z-index:1000;min-width:200px;max-height:70vh;margin:0;padding:5px 0;overflow-y:auto;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px #0000002d}.device-section-menu button{display:block;width:100%;padding:3px 20px;border:0;background:transparent;color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;text-align:left;white-space:nowrap;cursor:pointer}.device-section-menu button:hover,.device-section-menu button:focus{color:#262626;background:#f5f5f5}.device-section-menu button.active,.device-section-menu button.active:hover{color:#555;background:#e7e7e7}.device-tabs{margin:4px 0 18px}.device-tab-bar{display:flex;align-items:stretch;box-shadow:inset 0 -1px #d0d7de}.device-tab-list{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:stretch;min-width:0;overflow:hidden}.device-tab{flex:0 0 auto;margin:0 8px;padding:16px 8px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#1f2328;font-size:14px;font-weight:400;line-height:1.5;white-space:nowrap;cursor:pointer}.device-tab-more{position:relative;display:none;flex:0 0 auto;align-items:stretch}.device-tab-more:before{content:"";align-self:center;width:1px;height:24px;background:#d0d7de}.device-tab-menu{position:absolute;top:calc(100% + 4px);right:8px;z-index:20;min-width:180px;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid #d0d7de;border-radius:6px;box-shadow:0 8px 24px #8c959f33}.device-tab-menu-item{display:block;width:100%;padding:6px 16px;border:0;background:transparent;color:#1f2328;font-size:14px;line-height:1.5;text-align:left;white-space:nowrap;cursor:pointer}.device-tab-menu-item:hover,.device-tab-menu-item:focus{background:#f6f8fa}.device-tab-menu-item.active{font-weight:600}.device-tab:hover{border-bottom-color:#d0d7de;color:#1f2328}.device-tab.active,.device-tab.active:hover{border-bottom-color:#0969da;color:#1f2328;cursor:default}.device-tab-more .device-tab,.device-tab-more .device-tab.active{cursor:pointer}.device-tab:focus-visible{outline:2px solid #0969da;outline-offset:-6px;border-radius:6px}.section-table{margin-bottom:18px}@media(min-width:768px){.text-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:1.75rem;row-gap:.25rem;align-items:start}.text-grid .place-sensors{grid-area:1 / 1}.text-grid .place-digital{grid-area:1 / 2}.text-grid .place-timers{grid-area:2 / 1}.text-grid .place-meters{grid-area:2 / 2}}.text-grid .row-name{font-weight:700;color:#21536a}.text-grid .cell-data,.text-grid .cell-lookup{color:#00f;font-weight:700}.text-grid .cell-data{text-align:right}.text-grid .cell-uom{color:#000;font-weight:700}.section-table h4{margin:0 0 8px;font-size:14px;font-weight:700}.section-grid{width:100%}.section-grid thead th{background:#ced4da;font-weight:600}.section-grid>tbody>tr:nth-of-type(2n)>*{--bs-table-bg-type: rgba(0, 0, 0, .05)}.section-grid .col-name{width:1%;white-space:nowrap;padding-left:.65rem;padding-right:.9rem}.section-grid th:last-child,.section-grid td:last-child{width:100%}.name-line{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.name-line .edit-link{margin-left:auto}.edit-link{padding:0;line-height:1;color:inherit;text-decoration:none}.edit-pencil{display:block;width:26px;height:24px}.edit-link:hover .edit-pencil,.edit-link:focus .edit-pencil{filter:brightness(.92)}.setpoint{display:flex;gap:6px;align-items:center}.setpoint .form-control{width:7em;display:inline-block}.login-wrap{max-width:420px;margin:48px auto}.device-meta{display:flex;align-items:center;gap:.75rem;margin:0;min-width:0;color:#fff}.device-name{font-size:16px;font-weight:600}.device-serial{font-size:14px}@media(max-width:767px){.page{padding-left:5px;padding-right:5px}.portal-nav{height:auto;align-items:flex-start}.portal-brand{height:50px}.portal-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:34px;height:40px;margin:8px 15px 8px auto;padding:0;font-size:14px;background:#ddd;color:#333;border:1px solid #ddd}.portal-links{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;background:#f8f8f8;border-bottom:1px solid #e7e7e7;max-height:75vh;overflow-y:auto}.portal-links.show{display:block;border-bottom:8px solid #337ab7}.portal-menu,.portal-menu-right{display:block;margin:7.5px 0;width:100%}.portal-menu>li{display:block;width:100%}.portal-menu>li>a{padding:10px 15px;line-height:20px}.portal-dropdown{position:static;float:none;width:auto;min-width:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}.portal-dropdown a{padding:5px 15px 5px 25px;color:#777}.portal-dropdown li.menu-label{padding:8px 15px 3px 25px}}@media(max-width:735px){.page{margin-top:64px;margin-left:0;margin-right:0}.portal-nav{left:0;right:0}}.page:has(.device-list){background:#fff}.device-list{background:#fff;padding:6px 4px 2px}.device-list h2{font-size:30px;font-weight:500;margin:4px 0 10px;color:#333}.device-list hr{margin:0 0 14px;border:0;border-top:1px solid #eee;opacity:1}.device-list-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.per-page{display:flex;align-items:center;gap:6px}.per-page label{font-weight:700;margin:0}.customize-view{height:30px;padding:5px 10px;border:1px solid #2e6da4;border-radius:3px;background:#337ab7;color:#fff;font-size:12px;line-height:1.5;white-space:nowrap}.customize-view:hover,.customize-view:focus{background:#286090;border-color:#204d74;color:#fff}.customize-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1055;display:flex;align-items:flex-start;justify-content:center;padding:30px 12px}.customize-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000080}.customize-dialog{position:relative;width:min(300px,100%);background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px #00000080}.customize-header,.customize-footer{padding:15px}.customize-header{display:flex;align-items:center;border-bottom:1px solid #e5e5e5}.customize-header h4{margin:0;font-size:18px;font-weight:500}.customize-close{margin-left:auto;border:0;background:transparent;color:#000;font-size:21px;line-height:1;opacity:.2}.customize-body{padding:15px}.customize-panel{border:1px solid #ddd;border-radius:4px;background:#fff}.customize-panel-heading{padding:10px 15px;border-bottom:1px solid #ddd;background:#f5f5f5;font-size:16px}.customize-panel-body{padding:0 0 5px;background:#f9f9f9}.customize-row{display:flex;align-items:center;margin:0;padding:10px 12px 0;background:#f5f5f5;font-weight:400}.customize-row span{width:50%}.customize-footer{border-top:1px solid #e5e5e5;text-align:right}.customize-check{color:#0d0;font-size:16px}.per-page select{width:auto;display:inline-block;height:34px;padding:6px 28px 6px 10px}.device-list-search{width:min(100%,360px);margin-left:auto}.device-list-search .form-control,.device-list-search .search-btn{height:34px}.device-list-search .search-btn{background:#eee;border-color:#ccc;color:#555}.device-list-table{font-size:13px;margin-bottom:8px}.device-list-table thead th{background:#fffeff;color:#333;font-weight:600;vertical-align:middle;white-space:nowrap}.device-list-table.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type: #f9f9f9}.device-list-table>:not(caption)>*>*{padding:5px 8px}.device-list-table td{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.device-list-table td.devices-name{max-width:250px;color:#333;font-weight:700}.device-list-table td.devices-name a,.device-list-table td.devices-action a{color:#337ab7;font-weight:700;text-decoration:none}.device-list-table td.devices-action a{display:block;text-align:center;font-weight:400}.device-list-table td.devices-name a:hover,.device-list-table td.devices-action a:hover{text-decoration:underline}.device-list-table td.devices-action,.device-list-table th.action-col{width:1%;max-width:none;overflow:visible;text-align:center}.device-list-table td.empty-list{max-width:none;font-weight:400;text-align:center}.sort-btn{background:none;border:0;padding:0;font:inherit;font-weight:600;color:inherit;cursor:pointer}.carets{display:inline-flex;flex-direction:column;margin-left:4px;line-height:.65;font-size:9px;color:#bbb;vertical-align:middle}.carets .on{color:#333}.device-list-table tr.status-offline>td.devices-name,.device-list-table tr.status-alarm>td.devices-name,.device-list-table tr.status-suspended>td.devices-name{box-shadow:inset 6px 0 0 var(--row-edge),inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))}.device-list-table tr.status-offline>td.devices-name{--row-edge: #ff0000}.device-list-table tr.status-alarm>td.devices-name{--row-edge: #fff200}.device-list-table tr.status-suspended>td.devices-name{--row-edge: #ff8800}.device-list-table tr.status-offline>td.devices-status{color:red;font-weight:700;text-align:center}.device-list-table tr.status-alarm>td.devices-status{--bs-table-bg-type: #fff200;--bs-table-bg-state: #fff200;color:red;font-weight:700;text-align:center}.device-list-table tr.status-suspended>td.devices-status{color:#f80;font-weight:700;text-align:center}.device-list-table tr.status-online>td.devices-status{color:#090;font-weight:700;text-align:center}.device-list-table thead th.status-offline{background:red;color:#fff}.device-list-table thead th.status-alarm{background:#fff200;color:#000}.device-list-table thead th.status-suspended{background:#f80;color:#fff}.device-list-table thead th.status-online{background:#090;color:#fff}.status-info{color:red;margin-left:4px;text-decoration:none}.device-list-table th.action-col{color:#333;font-size:14px}.device-pager{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:8px 0 12px}.device-pager button{border:1px solid #ddd;background:#fff;color:#337ab7;padding:6px 12px;margin-left:-1px;line-height:1.428}.device-pager li:first-child button{margin-left:0}.device-pager button.active{background:#337ab7;border-color:#337ab7;color:#fff;position:relative;z-index:1}.device-pager button:disabled{color:#777;background:#fff;cursor:default}.list-busy{color:#777;font-size:12px;margin:0 0 8px}.list-popover{position:fixed;z-index:1080;width:200px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px #0003}.list-popover h4{margin:0;background:#777;color:#fff;font-size:14px;font-weight:700;padding:8px 12px;border-radius:5px 5px 0 0}.list-popover>div{padding:9px 12px;color:#000;font-weight:400}@keyframes status-blink{50%{opacity:.25}}.blink{animation:status-blink 1s step-start infinite}.site-info{text-align:center;color:#999;font-size:13px;margin:18px 0 8px}.page:has(.device-list) .site-info{clear:both;border-top:1px solid #cccccc;color:#ccc;font-size:small;padding:10px;margin:0}.copy-break{display:none}.hdr-icon,.access-icon{display:none;font-size:15px}@media(max-width:1199px){.access-full{display:none}.access-icon{display:inline-block}}@media(max-width:991px){.hdr-full{display:none}.hdr-icon{display:inline-block}.status-long,.type-long{display:none}.device-list-table th.icon-head,.device-list-table th.icon-head .sort-btn{text-align:center}}@media(max-width:767px){.copy-break{display:inline}.device-list h2{font-size:24px}.device-list-tools,.per-page{flex-direction:column;align-items:stretch}.per-page select,.device-list-search{width:100%;margin-left:0}.customize-view{align-self:flex-start}.device-list-table th.collapse-head,.xs-hide{display:none}.table-responsive>.device-list-table{width:max-content;min-width:100%}.device-list-table td{max-width:100px}.device-list-table td.devices-name{min-width:108px;max-width:250px}.device-list-table td.clip-cell{min-width:100px;max-width:100px}}
