#alarms,#main,#side{min-height:0;position:relative}#areas-list div,#routes-tree details div,.button{transition:.25s ease-out}#alarms,#area-listing,#lower,#main,#side{position:relative}#area-h3,#lower td,#status,th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#alarms span>span,#lower td,th{cursor:pointer}#areas-msg,#vehicle-msg{position:absolute;left:0;width:100%;color:#700;text-align:center}#areas-msg,#login-div,#reports-status,#routes-legend,#status,#vehicle-msg{text-align:center}body,html,main{display:block;margin:0;padding:0;width:100%;height:100%}body{background:#fff;color:#000;font:1rem/1.2 Arial,Helvetica,sans-serif}main{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr 8rem}.button{display:flex;padding:.5rem;background:#999;color:#fff;justify-content:center;align-items:center}#alarms-list>.entry tr:not(:first-child),#area-loaded,#area-unloaded,#areas-msg,#areas>div,#side>div,#vehicle-msg,.clear,.filtered,.mapinvisible{display:none}.button:first-child{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.button:last-child{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;border-right:0}.button:hover{background:#777}#head,#main{display:grid}#area-ld:checked~#area-loaded,#area-uld:checked~#area-unloaded,#areas.details #area-details,#areas.listing #area-listing,#login-div,#side .close,body.alerts #alerts,body.areas #areas,body.notifications #notifications,body.reports #reports,body.routes #routes,body.routes #routes-legend{display:block}label{user-select:none}#alarms span>span,#alarms-list .ack,#area-details>label,#areas-list div,#btn-area-details-close,#routes-legend *,#routes-tree details,#side .close,.button,.clear,.mapbox-toggle{user-select:none;cursor:pointer}#login-div{position:absolute;top:0;bottom:0;left:0;right:0;z-index:9000;background:#fff}h1{margin:1rem 0 2rem;color:#888;font:small-caps 1.6rem Arial,Helvetica,sans-serif;letter-spacing:.2rem}#login-div label{display:block;color:#666}#login-div input{width:13rem;margin:.3rem auto;padding:.3rem;border:1px solid #aaa}#login,#login-div label{margin:1rem auto 0}#login-div input:focus{background:#fffecd}#login,#lower th:nth-child(7){width:5rem}#login-msg.fail{color:red}#head{grid-template-areas:"logo  top  topright" "logo  nav  right" "logo  stat botright";grid-template-columns:auto 1fr auto;grid-template-rows:1rem 1fr 1rem}#head img{grid-area:logo}#nav{grid-area:nav;display:flex;justify-content:center}#status{grid-area:stat;font-size:.85rem}#logout-div{grid-area:right;display:flex;justify-content:flex-end;padding-right:1rem}#head .button{border-right:1px solid #fff}#main{grid-template-columns:0 1fr 0;overflow:hidden}#alarms,#side{background:#fff;padding:.5rem}#alarms h2,#side h2{font-variant:small-caps;font-weight:100;letter-spacing:.2rem;text-align:center}#side>div{height:100%}#side .close{position:absolute;right:.5rem;top:.5rem;font-size:1.5rem}#reports .twocol,#routes .twocol{display:grid;grid-template-columns:7rem 1fr;gap:.5rem}#reports .twocol{grid-template-columns:2.5rem 1fr}#reports-status{margin:1rem}#area-details>div,#areas .twocol{margin-top:.5rem}#areas-list,#routes-tree{margin-top:.5rem;height:calc(100% - 10rem);overflow-y:auto}#area-main,#routes-tree details{margin-bottom:.5rem}#routes-tree details div{margin-left:1rem;padding:.2rem}#areas-list div:hover,#lower tbody tr.selected,#routes-tree details div:hover{background:#ddf}#routes-tree .active{background:#fa6}#routes-tree details span{margin-left:.5rem;color:#666}#areas>div{height:calc(100% - 4rem)}#areas-list{height:calc(100% - 2rem)}#areas-list div{padding:.1rem 0}#areas-filter{width:100%}#areas-filter-clear{position:absolute;right:.3rem;top:.1rem}#areas-msg{top:10rem}#area-h3{margin:0}#btn-area-details-close{font-size:2rem;position:absolute;left:.5rem;top:.5rem}#areas .twocol{display:grid;grid-template-columns:auto calc(100% - 6rem);gap:.5rem}#area-details label{line-height:1.5}.area-events{display:grid;grid-template-columns:1fr 1fr}#area-buttons{display:flex;justify-content:center}#area-colour{height:1.5rem}#area-ld{margin-left:2.4rem}body.sidebar #main{grid-template-columns:17rem 1fr 0}body.alarms #main{grid-template-columns:0 1fr 19rem}body.sidebar.alarms #main{grid-template-columns:17rem 1fr 19rem}#map{background:#8ab4f8}body.areas .mapbox-toggle,body.reports .mapbox-toggle,body.routes .mapbox-toggle{left:17.5rem}.mapbox-toggle{position:absolute;top:10px;left:10px;background:#fff;padding:5px 10px;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.3)}#legend8,.maplabel{background:#ff0}#vehicle-filter,.maplabel{border:1px solid #000}.maplabel{padding:0 3px}.popup td{vertical-align:top}.popup td+td{padding-left:.5rem}.popup td:first-child{font-weight:700}#routes-legend{display:none;position:absolute;top:45px;left:17.5rem;padding:4px;background:#000;color:#000;font-size:.8em;opacity:.85}#routes-legend span{margin-top:.3em;color:#fff}#routes-legend div{padding:3px 10px}#legend1,#legend2,#legend3{background:#0a0}#legend4{background:#4b0}#legend5{background:#8c0}#legend6,#legend7{background:#bd0}#legend9{background:#fc0}#legend10{background:#f80}#legend11,#legend12{background:#f40}#legend13{background:red}#vehicle-filter-div{position:absolute;bottom:0;left:6.5rem;padding:.2rem;background:#888;color:#fff}body.sidebar #vehicle-filter-div{left:23.5rem}#vehicle-filter-clear{position:absolute;right:.5rem;top:.35rem;color:#000}#alarms h2{margin-top:0;font-size:1.2rem}#alarms-list{height:calc(100% - 2.5rem);overflow-y:auto}#alarms .notification{background:#ff9e33}#alarms .alert{background:#f33}#alarms-list .entry{margin-top:1rem;padding:.5rem;border-radius:.5rem}#alarms-list .entry div:first-child{display:flex;justify-content:space-between}#alarms-list table{width:calc(100% - .5rem);margin-left:.5rem;table-layout:fixed}#alarms-list td:first-child{width:5rem;font-style:italic}#alarms-list>.entry:hover tr:not(:first-child){display:table-row}#lower{overflow-x:hidden;overflow-y:auto}#lower table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.85rem}#lower table th{position:sticky;top:0;background:#888;color:#fff;text-align:left}#lower td,th{padding:.2rem}#lower tbody tr:nth-child(odd){background:#f2f2f2}#lower th.desc:after{content:'▲'}#lower th.asc:after{content:'▼'}#lower td:nth-child(3) div{margin:0 auto;width:1rem;height:1rem;border-radius:50%}#lower .red{background:#dc3545}#lower .yellow{background:#ffc107}#lower .green{background:#28a745}#lower input{margin:0}#lower th:first-child,#lower th:nth-child(15),#lower th:nth-child(3){width:2rem}#lower th:nth-child(2){width:6rem}#lower th:nth-child(10),#lower th:nth-child(11),#lower th:nth-child(12){width:3rem}#lower th:nth-child(13){width:8rem}#lower th:nth-child(4),#lower th:nth-child(5),#lower th:nth-child(6),#lower th:nth-child(8){width:calc((100vw - 34rem) * .1)}#lower th:nth-child(9){width:calc((100vw - 34rem) * .35)}#lower th:nth-child(14){width:calc((100vw - 34rem) * .15)}#vehicle-msg{top:2rem}