@import url('https://fonts.googleapis.com/css?family=Saira+Condensed&display=swap');
* {border:0;padding:0;margin:0;list-style:none;font-size:13px;cursor:default;font-family: 'Saira Condensed', sans-serif;border-spacing:0;outline:0;border-radius:0;}
html {padding:10px;}
#right {float:right;}
a {color:rgb(0,120,215);text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}
form {padding-right:12px;}
input[type='text'] {display:block;width:100%;border:1px solid #999;padding:5px;margin-bottom:10px;}
input[type='submit'], button {cursor:pointer;padding:10px;border:1px solid #ddd;background:#eee;color:#000;font-weight:bold;width:calc(100% + 12px);margin-bottom:10px;}
input[type='submit']:hover, button:hover {border:1px solid #666;background:#999;}
input[type='submit']:active, button:active {position:relative;top:2px;}
input[type='checkbox'] {margin-bottom:10px;}
label {padding-left:10px;cursor:pointer;}
table.calendar {margin-bottom:10px;border-spacing:10px;}
table.calendar tr td {text-align:center;padding:5px 10px;font-size:15px;margin:5px;color:#666;}
table.calendar tr.days td a:hover {text-decoration:none;}
table.calendar tr.days:first-child td {padding:0;}
table.calendar tr.days td.name {text-align:left;}
table.calendar tr.days td.name a {font-size:20px;}
table.calendar tr td.pointer {color:rgb(77,83,113);border:1px solid rgb(217,220,228);background:#fff;cursor:pointer;}
table.calendar tr td.today {padding:0px 5px;border:5px solid rgb(64,149,239);}
table.calendar tr td.selected_day {padding:0px 5px;border:5px solid red;}
table.calendar tr td.actions {background:#ddd;}
table.calendar tr td.r_1 {background:#ff7e7a;}
table.calendar tr td.r_2 {background:#fbff7a;}
table.calendar tr td.r_3 {background:#9cff7a;}
#list div.action {padding:5px;}
#list div.action:nth-child(odd) {background:#ddd;}
#list div.action.eat {background:blue;color:#fff;}
#list div.action.eat a {color:#fff;font-weight:bold;}
#buttons {display: grid;grid-template-columns:50% 50%;}
#buttons .button button {font-size:20px;margin:0;margin-bottom:10px;width:100%;}
#buttons .button:nth-child(odd) {padding-right:5px;}
#buttons .button:nth-child(even) {padding-left:5px;}

#buttonss {display: grid;grid-template-columns:100%;}
#buttonss .button button {font-size:20px;margin:0;margin-bottom:10px;width:100%;}

table.list tr td {padding:5px;}
.first {color:red;}
.first:before {content:"~ ";}
.eat .first {color:#ff9933;}
.status {padding:10px;font-family:monospace;margin-bottom:10px;}
.status.nr_1 {background:blue;color:#fff;}
.status.nr_2 {background:#03a5fc;color:#fff;}
.status.nr_3 {background:#03a5fc;color:#fff;}