.autocheckin.checkinView{display:flex;flex-direction:column;height:100%;user-select:none}.autocheckin.checkinView h1{text-align:center;font-weight:normal}.autocheckin.checkinView h2{text-align:center;font-weight:normal;margin-top:0}.autocheckin.checkinView .flashPanel{max-width:90%;margin:0 auto}.autocheckin.checkinView .reservations{text-align:center;font-size:1.1em;margin:10px 0 10px 0}.autocheckin.checkinView .reservations:empty{display:none}.autocheckin.checkinView .codeRow{font-size:2em;height:40px;line-height:40px;text-align:center;overflow:hidden;text-overflow:ellipsis;margin:10px 0}.autocheckin.checkinView .codeRow.error{font-size:1.5em;color:red;text-transform:uppercase}.autocheckin.checkinView .codeRow.success{font-size:1.5em;color:green;text-transform:uppercase}.autocheckin.checkinView .keyboard{margin:0 auto}.autocheckin.checkinView .keyboardRow{white-space:nowrap}.autocheckin.checkinView .keyboard .key{display:inline-flex;justify-content:center;align-items:center;height:75px;width:75px;margin:10px;border-radius:50%;border:solid 2px #ccc;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.autocheckin.checkinView .keyboard .key.empty{visibility:hidden}.autocheckin.checkinView .keyboard .key.function{border:none}.autocheckin.checkinView .success{text-align:center;color:green;font-size:1.4em;line-height:1.7em}