body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-color:#fafafa}#printers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;padding:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}#printers .printer{background-color:#fff;padding:8px;-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}#printers .printer:hover{cursor:pointer;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}#printers .printer>img{width:194px;height:194px;-o-object-fit:cover;object-fit:cover}#printers .printer>h2,#printers .printer>h3{margin:0}#printer{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex}#printer .infos{padding:16px;background-color:#fff;-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);min-width:12%}#printer .infos>img{width:194px;height:194px;-o-object-fit:cover;object-fit:cover}#printer .infos>h1{margin:0;font-size:20px}#printer .infos>h2{margin:0;font-size:16px;font-weight:400}#printer .jobs{min-width:44%;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#printer .jobs>table{display:block;overflow-y:scroll;height:100%;-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}#printer .jobs>table td:first-child,#printer .jobs>table th:first-child{width:10%}#printer .jobs>table td:nth-child(2),#printer .jobs>table th:nth-child(2){width:50%}#printer .jobs>table td:nth-child(3),#printer .jobs>table th:nth-child(3){width:30%}#printer .jobs>table td:nth-child(4),#printer .jobs>table th:nth-child(4){width:10%}#printer .jobs>table tr{display:-webkit-box;display:-ms-flexbox;display:flex}#printer .jobs>table>thead{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);height:34px;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;display:block}#printer .jobs>table>tbody{display:block}#printer .jobs>table td,#printer .jobs>table th{padding:8px}#printer .jobs .job-completed{color:#4caf50}#printer .jobs .job-canceled{color:#f44336}#printer .jobs .job-processing>svg{stroke:#2196f3;width:16px;height:16px;-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#printer .stats{width:44%}