* {margin: 0;padding: 0;font-family: "Roboto";box-sizing: border-box;}
.clear {clear: both;}
ul {list-style: none;}
#content {display: grid;grid-template-rows: 70px 1fr;grid-template-areas: "header" "agenda";}
header {grid-area: "header";background: #00c3e2;box-shadow: 0px 2px 5px rgba(0,0,0,.3);padding: 8px 16px;position: relative;}
#content header input[type="text"] {width: 100%;height: 48px;border-radius: 3px;border: none;padding: 16px;margin-top: 3px;font-size: 14px;}
#content header input[type="text"]:focus + input[type="submit"] {background: url("/app_extras/ENV2020/mesas/img/arrow-right.png") no-repeat center;background-size: 56%;}
#content header input[type="submit"] {position: absolute;width: 48px;height: 48px;background: url("/app_extras/ENV2020/mesas/img/magnify.png") no-repeat center;background-size: 60%;opacity: .5;top: 11;right: 16;border: none;}
#agenda {grid-area: "agenda";overflow: scroll;align-self: "stretch";}
li {padding: 16px;display: grid;grid-template-columns: 70% 30%;grid-template-areas: "dados botao";width: 100%;}
#agenda li .dados {grid-area: "dados";}
#agenda li .dados small {opacity: .5;}
#agenda li a {grid-area: "botao";text-decoration: none;color: #c1c248;align-self: center;}
.dark {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
.close {display: block;width: 24px;height: 24px;background: url("/app_extras/ENV2020/mesas/img/close.png") no-repeat center;text-indent: -9999px;}
#modal {position: absolute;top: 3%;width: 100%;padding: 24px;z-index: 3;}
#modal .content {display: block;width: 100%;background: #f7f7f7;}
#modal .content header {color: #fff;}
#modal .content header h2 {margin-top: 40px;}
#modal .content header small {display: block;width: 100%;opacity: .7;}
#modal .content ul h4 {margin: 16px 0 0 16px;font-size: 14px;font-weight: normal;opacity: .6;}
#modal .content ul li {background: #fff;margin-top: 8px;}
#modal .content ul li h3 {font-weight: bold;margin-bottom: 8px;}
#modal .content ul li small {background: #c1c248;opacity: 1;color: #fff;padding: 2px 8px;border-radius: 16px;font-weight: normal;font-size: 16px;}