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}input{background:none;color:#c6c6c6;font-size:18px;padding:10px 0;display:block;width:100%;border-radius:0;border:none;border-bottom:1px solid #c6c6c6}input:focus{outline:none}input:focus~label{top:-14px;font-size:12px;color:#318ed5}input:focus~.bar:before{width:100%}input[value]:not([value=""]):valid~label{top:-14px;font-size:12px;color:#c6c6c6}input[value]:not([value=""]):focus~label{color:#318ed5}input[type=password]{letter-spacing:.3em}label{color:#c6c6c6;font-size:16px;font-weight:400;position:absolute;pointer-events:none;top:16px;transition:all .3s ease}.bar{position:relative;display:block;width:100%}.bar:before{content:"";height:2px;width:0;bottom:0;position:absolute;left:0}.bar:before,button{background:#318ed5;transition:all .3s ease}button{font-size:18px;padding:10px 0;width:100%;outline:none;border:0;border-radius:6px;color:#fff;cursor:pointer}button:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}button:active{-webkit-transform:scale(.98);transform:scale(.98)}@-webkit-keyframes laoder-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes laoder-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}button .loader{display:inline-block;border:2px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:1rem;height:1rem;-webkit-animation:laoder-spin 1s linear infinite;animation:laoder-spin 1s linear infinite}.ripple{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;-webkit-transform:scale(10);transform:scale(10);opacity:0;transition:opacity .5s,-webkit-transform .3s;transition:transform .3s,opacity .5s;transition:transform .3s,opacity .5s,-webkit-transform .3s}.ripple:active:after{-webkit-transform:scale(0);transform:scale(0);opacity:.3;transition:0s}.login-page{width:100vw;height:100vh;justify-content:center;align-items:center}.login-page,.login-page .card{display:flex;flex-direction:column}.login-page .card{width:50%;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background-color:hsla(0,0%,100%,.1)}.group{position:relative;margin:12px}div.selection-list span.label{font-size:12px;color:#c6c6c6}ul.selection-list{list-style:none;padding:0;border:1px solid #1d2127;border-radius:6px}ul.selection-list li.item{cursor:pointer;background-color:#fff;border-bottom:1px solid #1d2127;padding:6px;font-size:14px;color:#1d2127;transition:all .3s ease;display:flex;flex-direction:row;justify-content:space-between;align-items:center}ul.selection-list li.item:first-child{border-top-right-radius:6px;border-top-left-radius:6px}ul.selection-list li.item:last-child{border-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}ul.selection-list li.item:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}ul.selection-list li.item span{font-weight:700}.order-wrapper__new{width:100%;border-radius:10px;background-color:#dedede;transition:background-color .5s ease,color 1s ease}.order-wrapper__new.light{color:#1d2127;-webkit-filter:contrast(120%);filter:contrast(120%)}.order-wrapper__ready{width:100%;border-radius:10px;color:#fff;background-color:#3bae70;transition:background-color .5s ease,color 1s ease}.order-wrapper__ready.light{color:#1d2127;-webkit-filter:contrast(120%);filter:contrast(120%)}.order-wrapper__preparing{width:100%;border-radius:10px;background:rgba(0,0,0,.5);color:#fff;background-color:#f79d34;transition:background-color .5s ease,color 1s ease}.order-wrapper__preparing.light{color:#1d2127;-webkit-filter:contrast(120%);filter:contrast(120%)}.order-wrapper__completed{width:100%;border-radius:10px;color:#fff;background-color:#64c2ea;transition:background-color .5s ease,color 1s ease}.order-wrapper__completed.light{color:#1d2127;-webkit-filter:contrast(120%);filter:contrast(120%)}.order-wrapper__printed{width:100%;border-radius:10px;color:#fff;background-color:#dedede;transition:background-color .5s ease,color 1s ease}.order-wrapper__printed.light{color:#1d2127;-webkit-filter:contrast(120%);filter:contrast(120%)}.order-wrapper{box-shadow:5px 5px 5px rgba(0,0,0,.15);letter-spacing:1.3px;line-height:1.3em;font-size:18px;border-radius:10px}.order-wrapper .order{display:flex;flex-flow:column;padding:10px;text-transform:capitalize}.order-wrapper .order p{margin-bottom:10px;font-size:1em;font-weight:800}.order-wrapper .order h2{display:flex;align-items:center}.order-wrapper .order .note{color:red;clear:both;font-size:1.4em;text-align:left;margin-top:10px;text-decoration:underline}.order-wrapper .order .header{display:flex;flex-flow:column;padding:6px 12px;background:rgba(0,0,0,.35);border-radius:10px}.order-wrapper .order .header .top{display:flex;flex-flow:row;text-transform:uppercase}.order-wrapper .order .header .top .left{text-align:left;width:100%}.order-wrapper .order .header .top .right{text-align:right;width:100%}.order-wrapper .order .header .bottom{text-align:left;padding:15px 0}body{background-color:#424242;color:#fff;transition:background-color .5s ease,color 1s ease}body.light{background-color:#f7f8f8;color:#1d2127}img.logo{width:100%;transition:all 1s ease}img.logo.light{-webkit-filter:grayscale(100%) invert(100%);filter:grayscale(100%) invert(100%)}header.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background-color:#1d2127}header.app-header.light{background-color:#ccc;color:#1d2127}.filter-icons-header{height:100%;display:flex;flex-flow:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:4px}.filter-icons-header .logo{align-items:flex-start;max-width:300px;flex:1 1}@media screen and (max-width:750px){.filter-icons-header .clock{display:none;width:1px}}.clock span{color:#fff;font-size:3em;transition:color 1s ease}.clock span.light{color:#1d2127}.circle:before{content:" ";border:2px solid #fff;border-radius:50%;width:2rem;height:2rem;display:inline-block;vertical-align:middle;margin-right:10px;cursor:pointer;background:linear-gradient(135deg,#424242,#424242 50%,#c6c6c6 51%,#c6c6c6 0);transition:all .3s ease}.circle:hover:before{-webkit-transform:scale(1.2);transform:scale(1.2);border-color:#666766}.circle:active:before{-webkit-transform:scale(.9);transform:scale(.9)}.ready-alert{position:absolute;top:0;left:0;z-index:100;width:100%}.ready-alert .backdrop{background-color:rgba(0,0,0,.5);position:fixed;display:flex;justify-content:center;width:100vw;height:100vh;top:0;align-items:center}.ready-alert .alert{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(1.7);transform:scale(1.7)}}@keyframes pulse{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(1.7);transform:scale(1.7)}}.main-page{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1em;margin:12px}.main-page .status-section{display:grid;grid-template-rows:repeat(auto-fit,230px);grid-gap:1em}