body{margin:0;padding:0;font-family:sans-serif}#root,body,html{background-color:#fff;height:100%}#root,.App{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column}.App{background-color:rgba(48,64,84,.11);height:100%}.App,h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Ubuntu,Helvetica,Arial,sans-serif;color:rgba(48,64,84,.91)}.content{-ms-flex:1 1;flex:1 1;height:100%;width:100%;box-sizing:border-box}.content,.header{display:-ms-flexbox;display:flex}.header{padding:0 16px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:64px;background:#fff;box-shadow:0 0 16px 2px rgba(4,34,73,.2);z-index:2}.header .logo{height:32px}.header .views{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:center;justify-content:center}.header .avatar,.header .views,.header .views .container{display:-ms-flexbox;display:flex;height:100%}.header .avatar{-ms-flex-align:center;align-items:center;color:rgba(48,64,84,.71)}.header .avatar img{border-radius:50%;height:32px;width:32px}.header .avatar div{margin-left:4px}.header .avatar .icon{--iron-icon-height:16px;--iron-icon-width:16px}.view{padding:0 32px;color:rgba(48,64,84,.71);border-top:2px solid transparent;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;opacity:.7}.view,.view.active{text-decoration:none;transition:color .2s,transform .2s}.view.active{color:#000;border-color:#1676f4}.storefront{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1;flex:1 1}.storefront .searchbar{background-image:linear-gradient(rgba(4,34,73,.2),rgba(4,34,73,.2));background-color:#fff;box-shadow:0 0 16px 2px rgba(4,34,73,.2);padding:0 8px;min-height:56px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:1}.storefront .searchbar .wrapper{width:100%;max-width:964px;margin:0 auto;display:-ms-flexbox;display:flex}.storefront .searchbar .searchbar-search{-ms-flex:1 1;flex:1 1}.storefront .searchbar iron-icon{width:16px;height:16px;padding:0;margin-right:6px}.storefront .searchbar .searchbar-clear,.storefront .searchbar .searchbar-past{display:none}.storefront .list{border-top:1px solid #dbdbdb;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1;flex:1 1;overflow:scroll}.storefront .list .order{padding:16px;margin:0}.storefront .list .order .background{border-radius:.25em;border-bottom:none;background:#fff;max-width:964px;margin:0 auto;box-shadow:0 3px 5px rgba(2,33,75,.1);padding:32px;display:-ms-flexbox;display:flex;color:rgba(17,35,59,.92);line-height:1.375}.storefront .list .order .background h3{margin:0}.storefront .list .order .background .badge{width:100px}.storefront .list .order .background .badge .badge-wrapper{color:rgba(13,35,63,.72);background:rgba(2,33,75,.1);border-radius:.25em;padding:2px 10px;font-size:.8125rem;text-transform:capitalize;display:inline-block}.storefront .list .order .background .badge.ready .badge-wrapper{color:#15c15d;background:rgba(27,197,98,.12)}.storefront .list .order .background .badge.new .badge-wrapper{color:#1676f3;background:rgba(22,118,243,.1)}.storefront .list .order .background .badge.problem .badge-wrapper{color:#ff4238;background:rgba(255,61,51,.1)}.storefront .list .order .background .badge.delivered .badge-wrapper{color:rgba(13,35,63,.72);background:rgba(2,33,75,.1)}.storefront .list .order .background .time-place{width:120px}.storefront .list .order .background .name-items{-ms-flex:1 1;flex:1 1}.storefront .list .order .background .goods,.storefront .list .order .background .location,.storefront .list .order .background .time{color:rgba(13,35,63,.72)}.storefront .list .order .background .goods{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:.875rem;margin:4px 0}.storefront .list .order .background .goods .item{display:-ms-flexbox;display:flex;padding-bottom:4px}.storefront .list .order .background .count{margin-right:8px;display:inline-block;background:rgba(2,33,75,.1);border-radius:.25em;padding:0 8px;text-align:center}.dashboard{padding:0 32px 32px;overflow-y:scroll;width:100%}.controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;width:100%}.controls *{width:100%;margin-bottom:8px}.controls vaadin-date-picker,.controls vaadin-text-field{-ms-flex-positive:1;flex-grow:1}.controls vaadin-checkbox{padding:0 32px}.lastRow{height:400px}@media screen and (min-width:900px){.controls{-ms-flex-direction:row;flex-direction:row}.controls *{width:auto}}.orders-counter{text-align:center;padding:10px}.count-wrapper{position:relative;height:120px;display:block}.counter-chart{width:100%;height:100%}.count-digit{position:absolute;left:0;right:0;font-size:44px;z-index:1;line-height:110px}h4{margin:0}.subtitle{color:var(--valo-secondary-text-color);font-size:14px}.column-chart-wrapper{box-shadow:0 2px 5px 0 rgba(23,68,128,.1);border-radius:4px;padding:12px 6px;box-sizing:border-box}#column-chart{height:150px}#sales-chart{height:250px}.order-list-wrapper,.order-list-wrapper vaadin-grid{height:100%}.order-list-wrapper h3{margin:0}.products,.users{padding:20px}