:root{--color-primary:#5b9bd5;--color-secondary:#0e2c46;--color-tertiary:purple;--color-danger:#aa3232;--color-success:#28a745;--color-warning:#ffc107;--color-white:#fff;--color-black:#000;--color-text:#fff;--color-dark-text:#414141;--color-shadow:#c5c5c5;--font-main:"Roboto Flex",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--z-default:1;--z-navbar:1000;--z-background:-1;--footer-height:41px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}h1,h4,p{text-align:center;z-index:1}h1,p{padding:10px 0}body{background:var(--color-black);color:var(--color-text);font-family:var(--font-main)}main{padding-bottom:var(--footer-height)}.text-center{text-align:center}.text-right{text-align:right}.background-image{background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:var(--z-background)}.h_navbar{background:var(--color-secondary);box-shadow:inset 0 -1px 0 var(--color-shadow);color:var(--color-white);padding:15px 25px;position:relative;width:100%;z-index:var(--z-navbar)}.h_nav-icon,.h_navbar{align-items:center;display:flex}.h_nav-icon{margin-right:20px;text-decoration:none}.h_nav-icon span{color:var(--color-white);font-family:var(--font-main);font-size:25px;font-weight:400;margin-left:10px}.h_nav-icon img{transform:rotate(-17deg) translateX(5px);width:40px}.h_hamburger{display:none}.h_navlinks-container a{color:var(--color-white);display:inline-block;font-size:16px;font-weight:500;margin:0 10px;position:relative;text-decoration:none}.h_navlinks-container a:after{background:var(--color-white);bottom:-3px;content:"";display:block;height:2px;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out;width:100%}.h_navlinks-container a:hover:after{transform:scaleX(1)}.h_dropdown{display:inline-block;position:relative}.h_dropdown:hover .h_dropdown-content{display:block}.h_dropdown.open .h_dropdown-arrow{transform:rotate(180deg)}.h_navlink-item:hover:after{transform:scaleX(1)}.h_navlink-item.h_dropdown-toggle{cursor:pointer}.h_dropdown-arrow{display:inline-block;font-size:10px;margin-left:5px;transition:transform .3s ease-in-out}.h_dropdown-content{background-color:var(--color-primary);box-shadow:0 8px 16px #00000033;display:none;min-width:180px;padding:12px 16px;position:absolute;z-index:var(--z-default)}.h_dropdown-item{padding:12px}.h_nav-authentication{margin-left:auto}.h_sign-user{display:none}.h_sign-btns button{border:none;border-radius:5px;cursor:pointer;font-family:var(--font-main);font-size:16px;margin:0 5px;min-width:90px;padding:10px 5px}.h_sign-btns button:nth-child(2){background-color:var(--color-primary);border:none}@media (max-width:900px){.h_navbar{padding:15px 20px}.h_nav-icon{margin:0 auto;order:2}.h_nav-icon span{font-size:22px}.h_main-navlinks{order:1}.h_hamburger{align-items:center;background:var(--color-secondary);border:none;cursor:pointer;display:flex;height:20px;position:relative;width:20px}.h_hamburger span{background:var(--color-white);display:block;height:2px;pointer-events:none;position:absolute;transition:opacity .3s ease-out .15s;width:100%}.h_hamburger span:first-child,.h_hamburger span:nth-child(3){transition:transform .3s ease-out}.h_hamburger span:first-child{transform:translateY(7px)}.h_hamburger span:nth-child(3){transform:translateY(-7px)}.h_hamburger.open span:first-child{transform:translate(0) rotate(135deg)}.h_hamburger.open span:nth-child(2){opacity:0;transition:opacity 0s ease-out}.h_hamburger.open span:nth-child(3){transform:translate(0) rotate(-135deg)}.h_navlinks-container{align-items:flex-start;background:var(--color-secondary);border-right:1px solid var(--color-shadow);display:flex;flex-direction:column;height:100vh;left:0;padding:15px 50px 15px 20px;position:absolute;top:100%;transform:translate(-100%)}.h_dropdown-toggle,.h_navlinks-container a{font-size:18px;margin:10px 0}.h_navlinks-container.open{transform:translate(0)}.h_dropdown.open .h_dropdown-content{display:grid;max-height:350px}.h_dropdown:hover .h_dropdown-content{display:grid}.h_navlink-item{font-size:18px;margin:10px 0}.h_dropdown-content{background:transparent;box-shadow:none;display:none;max-height:0;overflow:hidden;padding:0;position:static;transition:max-height .5s ease-out}.h_dropdown-item{padding:2px 12px}.h_nav-authentication{margin-left:0;order:3}.h_sign-user{border:none;cursor:pointer;display:block}.h_sign-user img{width:20px}.h_sign-btns{display:none}}@media (max-width:500px){.h_nav-icon img{width:30px}.h_nav-icon span{font-size:20px}}.btn{border:none;cursor:pointer;display:inline-block;font-size:1.2rem;height:-moz-fit-content;height:fit-content;outline-style:none;overflow:hidden;padding:calc(.6rem + 2px) 1.25rem;position:relative;text-align:center;text-decoration:none;transition-duration:.3s;transition-property:filter;transition-timing-function:ease;width:-moz-fit-content;width:fit-content;word-wrap:normal;border-radius:5px;box-shadow:0 8px 9px #0000001f,0 10px 25px 8px #00000026}.btn:disabled{cursor:not-allowed;filter:grayscale(50%);opacity:.6;pointer-events:none}.btn-small{padding:calc(.2rem + 2px) .6rem}.btn[class*=hoverable-]:not(.btn-outline),.btn[class*=hoverable-]:not(.btn-press),.btn[class*=light-hoverable-]:not(.btn-outline),.btn[class*=light-hoverable-]:not(.btn-press){transition-property:filter,transform,box-shadow!important}.btn.active:not(.btn-outline),.btn:hover:not(.btn-outline){filter:brightness(125%)}.btn-val{width:100%}.btn-lblue{background-color:var(--color-primary)}.btn-dblue,.btn-lblue{color:var(--color-white)}.btn-dblue{background-color:var(--color-secondary)}.btn-red{background-color:var(--color-danger);color:var(--color-white)}@media (max-width:900px){.btn .text-label{display:none}}.mb-3{margin-bottom:var(--spacing-md)!important;margin-left:5%;margin-right:5%;width:90%}.mt-3{margin-top:var(--spacing-md)!important}.alert-success{background-color:var(--color-success);color:var(--color-white)}.alert-warning{background-color:var(--color-warning);color:var(--color-black)}.alert-danger,.alert-error{background-color:var(--color-danger);color:var(--color-white)}.charts-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-md) 0}#chart-container{height:auto;margin:20px 5%;position:relative;width:90%}#batteryChart,#motionCountChart,#motionPredChart,#temperatureChart{display:block;height:auto!important;max-height:80vh;width:100%!important}#presence-plot{max-height:70vh;opacity:0;transition:opacity .3s ease-in-out}#presence-plot.loaded{opacity:1}svg .updatemenu-header .updatemenu-item-rect{fill:var(--color-white,#fff)!important}svg .updatemenu-header .updatemenu-item-text{fill:var(--color-black,#000)!important}svg .updatemenu-dropdown-button[opacity="1"] .updatemenu-item-rect{fill:var(--color-white,#fff)!important}svg .updatemenu-dropdown-button[opacity="1"] .updatemenu-item-text{fill:var(--color-black,#000)!important}svg .updatemenu-dropdown-button:hover .updatemenu-item-rect{fill:var(--color-primary,#333)!important}svg .updatemenu-dropdown-button:hover .updatemenu-item-text{fill:var(--color-text,#fff)!important}@media (max-width:900px){.charts-filter-controls{align-items:stretch;flex-direction:column}.charts-filter-controls input,.charts-filter-controls label,.charts-filter-controls select{align-self:center;width:80%}#chart-container{aspect-ratio:9/16;height:auto;margin:10px 2%;max-height:50vh;width:96%}}@media (max-width:500px){.charts-filter-controls select{font-size:1rem}.chart-title{font-size:1.4rem}}.form-table{margin:0 auto;padding:10px}.form-table th{text-align:left;width:30%}.form-table td{width:70%}.form-table input[type=text]{width:100%}.form-container{margin-top:20px;text-align:left}.addon-suppr{background-color:var(--color-danger);color:var(--color-black)}.form-label{display:block;font-weight:700;margin-bottom:5px}.form-control,.form-select{box-sizing:border-box;padding:8px;width:100%}.pagination{display:flex;gap:var(--spacing-sm);justify-content:center;list-style:none;margin-bottom:var(--spacing-md)!important;padding:0}.pagination span{border:1px solid var(--color-shadow);border-radius:4px;overflow:hidden;padding:0}.pagination span a{color:inherit;display:block;height:100%;padding:var(--spacing-sm) .75rem;text-decoration:none;transition:background-color .2s ease;width:100%}.pagination .current,.pagination span a:hover{background-color:var(--color-primary);color:var(--color-white)}.pagination .current{border:1px solid var(--color-primary);border-radius:4px;display:inline-block;font-weight:700;padding:var(--spacing-sm) .75rem;pointer-events:none}.input-group-sm .form-control{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.addon-tbl{border:none;border-collapse:collapse;overflow:hidden}.addon-tbl td,.addon-tbl th{border:none;padding:2px}.addon-tbl th a{color:var(--color-primary);padding-right:1.5rem;position:relative;text-decoration:none}.addon-tbl th a.asc:after,.addon-tbl th a.desc:after{border:.4rem solid transparent;content:"";position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%)}.addon-tbl th a.asc:after{border-bottom-color:var(--color-primary)}.addon-tbl th a.desc:after{border-top-color:var(--color-primary)}.addon-tbl th form{align-items:center;display:flex;gap:var(--spacing-sm);margin:0}.addon-tbl th .input-group{flex-shrink:0}.addon-tbl th input.form-control{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.addon-tbl tbody tr:nth-child(2n){background-color:var(--color-dark-text)}.addon-tbl .btn:hover{filter:brightness(1.3);transform:scale(1.02)}.addon-tbl tbody tr:hover{transition:background-color .3s ease}.addon-tbl tbody tr:hover,.f_footer{background-color:var(--color-secondary)}.f_footer{border-top:1px solid var(--color-shadow);bottom:0;color:var(--color-white);left:0;padding:5px;position:fixed;width:100%}