@charset "utf-8";
a,body,button,caption,dd,div,dl,dt,em,fieldset,footer,form,h1,header,html,img,label,legend,li,nav,p,pre,section,span,strong,table,tbody,td,tfoot,th,tr,ul{margin:0;padding:0;border:0;font:inherit;font-size:inherit;line-height:inherit;text-align:inherit;vertical-align:baseline}html{font-family:'Open Sans',sans-serif;overflow-x:hidden}body{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;text-align:left;overflow:hidden;cursor:default}footer,header,nav,section,fieldset{display:block}ul{list-style:none}strong{font-weight:700}small{font-size:smaller}em{font-style:italic}table{border-collapse:collapse;border-spacing:0}button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:none;background-image:none}select::-ms-expand{display:none}:focus,:active{outline:0}a,a:link,a:visited,a:active{text-decoration:none}a:hover{text-decoration:underline}main{padding:1rem .5rem}section{width:100%;min-width:12rem;max-width:36rem;margin:0 auto;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.26)}#logo{padding:1rem;text-align:center}#date{width:180px;margin:0 auto;text-align:center;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.26)}#date>div:first-child{padding-top:2rem;font-size:140%}#date>div:last-child{padding-top:.5rem;padding-bottom:2rem;font-size:240%;font-weight:700}#messages{width:95%;margin:1rem auto;padding:2rem 0;text-align:center;line-height:1.6}#messages li{padding:0 .5rem}form>div{text-align:center;padding:1rem}label{display:block}select{min-width:12rem}input[name=pin]{font-size:1.8em;width:4em;padding:.25em .125em;margin-bottom:1.25rem;text-align:center;border-style:solid;border-width:1px;border-radius:4px}table{margin:0 auto}td.right{text-align:right}.select-box{position:relative;display:flex;margin:2px auto;height:2rem;width:18rem;line-height:2;overflow:hidden;border-radius:3px}.select-box select{flex:1;font-size:1rem;padding:0 .5em;cursor:pointer}.select-box::after{content:'\25BC';position:absolute;top:0;right:0;font-size:1rem;padding:0 .675rem;pointer-events:none;transition:color .25s}button.pin{display:inline-block;font-size:140%;margin:1px;width:38px;height:38px;border-radius:2px;transition:opacity .1s}button.pin:hover{opacity:.85}button.pin.backspace{width:78px}button.pin.backspace svg{width:78px;height:24px}button#checkin,button#checkout{margin:0 .5rem;padding:1em;border-radius:4px;transition:background-color .25s}div#checkin,div#checkout{margin:1rem}#checkin svg,#checkout svg{width:96px;height:96px}#time{font-size:200%}input[type=number]{font-size:inherit;width:2em}.formbtns{text-align:right}.formbtns button{display:inline-block;margin-left:.375em;padding:.375em 1em;border-radius:2px;transition:opacity .1s}.formbtns button:hover{opacity:.85}