body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif}table.calendar{border-collapse:collapse;width:100%}table.calendar thead tr th{text-align:center;background:#171717;color:#fff}table.calendar tbody tr:nth-child(odd){background:#e0e0e0}table.calendar tbody tr:hover td{background-color:#cfcfcf}table.calendar tbody tr:hover td.time{background:#595959!important}table.calendar tbody tr td.time{text-align:center;font-size:smaller;background:#6b6b6b;color:#fff}table.calendar tbody tr td{min-width:140px}table.calendar thead th.clickable:hover{background:#595959}table.calendar thead td.clickable:hover{background:#d9d9d9}table.calendar td.analysis{font-size:xx-large;text-align:center}table.calendar td.time-quality{font-size:small;text-align:center;font-weight:700;background-color:#fff}div.loading{width:100%;position:relative}div.loading div{position:relative;top:50%;left:50%;transform:translate(-40px)}.calendar-modal{max-width:95%!important}.day-modal{max-width:90%!important;max-height:90%!important}.clickable{cursor:pointer}div.sensor-selector{min-width:250px!important}ul.recharts-default-legend{position:relative;top:30px;min-height:40px}span.emoji{font-size:2em}div.infoWindow{text-align:center;width:350px;position:relative}h6.infoWindow{max-width:240px!important;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}div.infoWindow table{width:100%;position:relative;font-size:14px}div.infoWindow table tbody tr td{padding:3px}div.infoWindow table thead th{white-space:nowrap;font-size:large}div.infoWindow>table td.period{text-align:left}#wrapper{display:block;position:relative;top:50%;left:50}#warning-message{display:none;position:absolute;top:0;left:0;background-color:#fff;width:100%;height:100%;z-index:99999}#warning-message>div.container{width:80%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#warning-message>div.container>div{text-align:center}@media only screen and (orientation:portrait){#warning-message{display:block}#wrapper{display:none}}div.inchart-header{display:inline-flex!important;min-height:90px!important}div.inchart-header.week{min-height:30px!important}div.inchart-header>span.left{position:absolute;left:60px;top:5px;font-family:monospace;font-size:small}div.inchart-header>span.middle{position:absolute;left:50%;top:5px;font-family:monospace;transform:translate(-50%)}div.inchart-header>span.right{position:absolute;right:35px;top:5px;font-family:monospace;font-size:small;text-align:right}div.week-chart li.recharts-legend-item{cursor:pointer!important}div.week-chart li.recharts-legend-item:hover{font-weight:700}span.extra-inverted{display:none}button.zoomOut{position:absolute;right:0;z-index:1;transform:translate(-43px,105px)}div.reading{display:flex;justify-content:center;font-family:monospace;font-size:small;margin:auto;text-align:center}div.reading>span{display:block;text-align:center;min-width:40px}div.reading>span.avg{font-size:medium;font-weight:700}div.reading>span.info{font-weight:700}div.list-group-item{display:flex}div.top10{width:100%;display:inline-flex}div.top10 div:first-child{width:100%;margin-left:5px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}div.top10>div.control{position:relative;right:0;display:inline-flex;float:right}div.top10>div.control>div{padding:5px 15px}div.marker{color:#d30000}div.no-data{text-align:center;font-size:large}div.no-data>div{margin:20px}div.dropdown-menu a{line-height:28px}table.shitty-sensors-table>thead th{padding:5px 10px}table.shitty-sensors-table>tbody td{font-size:large}td.center{text-align:center}td.bold-centered-25px{text-align:center;font-weight:700;width:25px}text.bold{font-weight:700;font-size:large}div.quick-daily-stats{position:absolute!important;z-index:2!important;bottom:25px!important;right:20px!important;font-size:32!important;text-align:center}div.quick-daily-stats>div.emoji{font-size:4em}div.quick-daily-stats>div.percentage{font-size:2em}@media only screen and (max-width:1000px){div.inchart-header{display:inline-flex!important;min-height:65px!important}div.inchart-header>span.left,div.inchart-header>span.middle,div.inchart-header>span.right{font-size:xx-small}div.inchart-header span.info{display:inline}div.inchart-header .extra{display:none}div.modal-title{font-size:large}span.extra-inverted{display:inline}button.zoomOut{transform:translate(-40px,78px)}div.modal-dialog.modal-lg{min-width:90%!important}}