body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:auto;font-family:Tahoma,Geneva,sans-serif}.topwrap{top:0;position:-webkit-sticky;position:sticky;z-index:10;background-color:#fff}.top{border-bottom:1px solid #777;height:138px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-items:center}.App-logo{margin-left:15px;width:186px}.centeringPlaceholder{margin-right:15px;text-align:right;width:186px}.user.button{margin-bottom:.75rem}.dropdown-container{position:relative}.dropdown{position:absolute;top:45px;right:0;overflow:hidden;z-index:10}.top .dropdown .button{border:none;border-bottom:1px solid #efefef;margin-top:0;padding:15px;width:160px;border-radius:0;background-color:#fff}.dropdown.hidden>div{opacity:0;-webkit-transform:translateY(-300px);transform:translateY(-300px);height:0;-webkit-transition:opacity .3s,height .3s,-webkit-transform .3s;transition:opacity .3s,height .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,height .3s;transition:opacity .3s,transform .3s,height .3s,-webkit-transform .3s}.dropdown.active>div{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);height:100%;-webkit-transition:opacity .3s,height .3s,-webkit-transform .3s;transition:opacity .3s,height .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,height .3s;transition:opacity .3s,transform .3s,height .3s,-webkit-transform .3s}.main .exit{display:none}.brand{margin-left:.8rem;font-size:4rem}.top div{display:inline-block}.top img{height:88px}.button{border-radius:5px;padding:.7rem;font-size:2rem;display:inline-block;border:1px solid #0033a0;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}.button:hover{background-color:#0033a0;color:#fff}.button.inactive{opacity:.5;background-color:#cfcfcf;cursor:not-allowed}.button.inactive:hover{background-color:grey;color:#fff}.field input,.field select{font-size:2rem;padding:5px}.formgroup{border:1px solid #888;padding:1em;display:flex;flex-wrap:wrap}.formgroup h3{width:100%}.formitem:nth-child(0){margin-top:0}.formitem{margin-top:12px;margin-left:2em;margin-right:2em}.form>.button{align-self:start;justify-self:start}.field{padding:6px}.highlight .field{border:3px solid #ff0}.top .brand{margin:auto}.main .buttons{margin-top:.5rem;display:flex}.buttons .button{margin-left:1rem;margin-right:1rem}.buttons .button:first-child{margin-left:auto}.buttons .button:last-child{margin-right:auto}.buttons .button.right{margin-right:0;margin-left:auto}.main>.button{margin-top:.5rem}.top .button{font-size:1rem;border:none;background-color:transparent;height:auto;padding:0;justify-self:flex-end;margin-bottom:0}.top .buttons{justify-self:flex-end;display:flex}.top .button:hover{text-decoration:underline;background-color:#fff;color:#000}.main{min-width:360px;margin:auto}.main>div{margin:auto;max-width:800px}.main>div.form{max-width:1200px}.blinder{position:fixed;left:0;top:0;height:100vh;width:100vw;background-color:hsla(0,0%,100%,0)}.message{margin:auto;border:1px solid grey;box-shadow:5px 5px #aaa;padding:2rem}.busy{color:#232323;font-style:italic;cursor:progress}.main{margin-bottom:42px}.footer{position:fixed;bottom:0;height:34px;font-size:17px;background-color:#fff;border-top:2px solid #cfcfcf;width:100%;display:flex;align-items:center;justify-content:center}@media print{.App .top{display:none}.App .print{display:block}.footer{display:none}}.error .clear.button{font-size:18px;padding:2px;border:none;position:relative;top:-5px;right:-5px}.error{position:absolute;bottom:5px;right:5px;background-color:#ffffcf}.error label{display:inline-block}.hide{display:none}.error .show{display:block}.userDetails{display:flex;flex-wrap:wrap}.detailSet{margin-left:auto;margin-right:auto}.detailSet:first-child{margin-left:0}.detailSet:last-child{margin-right:0}.detailSet .userDetail.timestamp:after{content:" - "}.badge{display:grid}.badge .date{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:top left;transform-origin:top left}.badge .date,.badge .day{box-sizing:border-box;text-align:center}.badge .day{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.badge .center{text-align:center;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.badge .name{margin:auto}@media screen{.badge{width:425px;grid-template-columns:55px 315px 55px;margin:auto;border-radius:10px;box-shadow:3px 3px #888}.badge,.badge>div{height:225px}.badge .date,.badge .day{font-size:18pt;font-weight:700;padding-top:8px}.badge .date{width:225px;height:55px;margin-top:225px}.badge .day{width:225px;height:55px;margin-top:-55px}.badge .center{padding-top:10px;padding-bottom:10px}.badge .role{font-size:18pt}.badge{font-size:12pt}.badge .name{font-size:25pt;font-weight:700}.badge .role{background-color:#000;color:#fff;font-weight:700;-webkit-print-color-adjust:exact}.badge .time{font-size:8pt;font-weight:700}}@media print{.noprint{display:none}.badge{position:absolute;top:0;left:0;width:98vh;box-sizing:border-box;grid-template-columns:14vh 70vh 14vh;-webkit-transform:translateY(-98vw)rotate(90deg);transform:translateY(-98vw)rotate(90deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.badge,.badge>div{height:98vw}.badge .date,.badge .day{font-size:12vw;font-weight:700;padding-top:3vw}.badge .date{width:98vw;height:14vh;margin-top:98vw}.badge .day{width:98vw;height:14vh;margin-top:-14vh}.badge .center{padding-top:5vw;padding-bottom:5vw}.badge .role{font-size:10vw}.badge{font-size:7vw}.badge .name{font-size:14vw;font-weight:700}.badge .time{font-size:5vw;font-weight:700}.badge .role{background-color:#000;color:#fff;font-weight:700;-webkit-print-color-adjust:exact}}
/*# sourceMappingURL=main.d12ebce8.chunk.css.map */