html,body{margin:0;padding:0;background:#f4f4f0;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:13px}body{border-top:4px solid #333}.page{width:min(900px,calc(100% - 30px));margin:20px auto 50px}header{border-bottom:1px solid #999;padding-bottom:6px;margin-bottom:18px}.title{font-size:18px;font-weight:bold;letter-spacing:-.5px}.toplinks{float:right;color:#666}a{color:#0645ad;text-decoration:underline}h1{margin:0;font-size:19px;font-weight:normal}h2{margin:28px 0 8px;font-size:15px}.small,.muted,.note{color:#777}.small{margin-top:2px;font-size:11px}.weekline{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.running{border:1px solid #aaa;padding:5px 7px;background:#fff}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #999}th,td{padding:6px 7px;border-bottom:1px solid #ddd;text-align:left}th{background:#e9e9e5;border-bottom:1px solid #999}tr.active td{background:#fffbd6}.time{font-family:"Courier New",monospace;white-space:nowrap}.action{width:65px;text-align:right}button{font:inherit;padding:2px 9px;border:1px solid #777;background:#e7e7e2;color:#111;cursor:pointer}button:hover{background:#d8d8d2}.behind{color:#8a2600}.done{color:#176b2c}.inline{display:inline;margin-left:8px}.targets{width:500px;max-width:100%;margin-bottom:8px}.hours{width:65px;box-sizing:border-box;padding:2px 4px;border:1px solid #999;background:#fff;font:inherit}.note{margin-top:22px;font-size:11px;line-height:1.5}.message{border:1px solid #aaa;background:#fff;padding:6px 8px;margin-bottom:12px}.message.error{color:#8a2600}.message.ok{color:#176b2c}.loginbox{width:280px;margin:80px auto;border:1px solid #999;background:#fff;padding:15px}.loginbox h1{margin-bottom:15px}.loginbox label{display:block;margin-bottom:10px}.loginbox input{width:100%;box-sizing:border-box;margin-top:3px;padding:4px;border:1px solid #999;font:inherit}@media(max-width:650px){th:nth-child(3),td:nth-child(3){display:none}.weekline{display:block}.running{margin-top:10px}}