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{text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background:#c8dddd;background:radial-gradient(circle,#c8dddd 0,#fff 90%);min-height:100vh;display:inline-block;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#000;width:100%}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{font-family:"Open Sans",sans-serif;font-size:12px}.container{margin:50px 0 0 100px}.tile{width:160px;height:180px;border-radius:4px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.15);margin-top:20px;margin-left:20px;float:left}.tile.wide{top:100px;width:340px}.tile .header{height:120px;background-color:#f4f4f4;border-radius:4px 4px 0 0;color:#fff;font-weight:300}.tile.wide .header .left{border-right:1px dashed #fff}.tile.wide .header .right{padding-left:10px}.tile.wide .header .left,.tile.wide .header .right{width:160px;float:left;padding-bottom:16px}.tile.wide .header .bottom{margin-top:4px;padding-right:12px;position:relative}.tile.wide .header .bottom .title{font-size:16px}.tile .header .count{font-size:48px;text-align:center;padding:10px 0 0}.tile .header .title{font-size:12px;text-align:center}.tile .body{height:60px;border-radius:0 0 4px 4px;color:#333;background-color:#fff}.tile .body .title{text-align:center;font-size:20px;padding-top:2%}.tile.wide .body .title{padding:0;margin:auto}.tile.job .header{background:linear-gradient(to bottom right,#609931,#87bc27)}.tile.job .body{color:#609931}.tile.resource .header{background:linear-gradient(to bottom right,#ef7f00,#f7b200)}.tile.resource .body{color:#ef7f00}.tile.quote .header{background:linear-gradient(to bottom right,#1f6abb,#4f9cf2)}.tile.quote .body{color:#1f6abb}.tile.invoice .header{background:linear-gradient(to bottom right,#0aa361,#1adc88)}.tile.invoice .body{color:#0aa361}body{background:#4ec3cf;background:linear-gradient(180deg,rgba(78,195,207,.3),rgba(14,95,159,.3)) fixed}#plant{width:100%;height:100vh;display:grid;grid-template-columns:26% 27% 3% 15% 29%;grid-template-rows:20% 24% 10% 46%;grid-template-areas:"hall61 logo logo hall83 hall83" "hall61 hall39 hall39 hall39 hall38" "hall41 hall39 hall39 hall39 hall38" "hall41 hall21 kpi kpi kpi"}@media only screen and (max-width:1270px){#plant{grid-template-columns:26% 27% 3% 15% 29%;grid-template-rows:20% 24% 10% 46%;grid-template-areas:"hall61 logo logo hall83 hall83" "hall61 hall39 hall39 hall39 hall38" "hall41 hall39 hall39 hall39 hall38" "hall41 hall21 kpi kpi kpi"}}@media only screen and (max-width:600px){#plant{grid-template-columns:100%;grid-template-rows:100px;grid-template-areas:"logo" "hall61" "hall41" "hall39" "hall21" "hall83" "hall38" "kpi"}.production-hall{margin-top:1em}.production-line{min-height:32px}#logo{border:none;margin-top:0}}#plant #hall-61{grid-area:hall61}#plant #hall-41{grid-area:hall41}#plant #hall-39{grid-area:hall39;flex-direction:column}#plant #hall-21{grid-area:hall21}#plant #hall-83{grid-area:hall83;flex-direction:column}#plant #hall-38{grid-area:hall38}#plant #hall-21 .rejection-rate,#plant #hall-38 .rejection-rate,#plant #hall-41 .rejection-rate,#plant #hall-61 .rejection-rate{flex-direction:column}#plant #hall-39 .rejection-rate,#plant #hall-83 .rejection-rate{flex-direction:row}#plant #logo{grid-area:logo}#plant #kpi{grid-area:kpi}.production-hall{position:relative;border:1px solid #000;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:1.5em}.production-hall .label{position:absolute;top:0;left:0;width:100%;text-align:center;font-weight:700;font-size:1.4em;border-bottom:.1px solid #000}.production-line{position:relative;flex-basis:40%;text-align:center;border:1px solid #000;margin:1%;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);border-radius:4px;padding-top:10px}.production-line:hover{box-shadow:0 3px 2px -2px rgba(0,0,0,.8),0 2px 2px 0 rgba(0,0,0,.54),0 2px 4px 0 rgba(0,0,0,.52)}@media only screen and (max-width:600px){.production-line .status{display:none}}@media only screen and (min-width:601px){.production-line .status{display:flex}}.production-line .status{flex-wrap:wrap;justify-content:space-evenly;top:2px}.production-line .status,.production-line .status .last-rejection-info{position:absolute;width:100%;height:100%;margin:auto}.production-line .status .rejection-rate{width:100%;height:100%;margin:auto;font-size:2em;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.production-line .status .rejection-rate .rejection-rate-pct{font-size:1em;flex-basis:100%;display:flex;align-items:center;justify-content:center}.production-line .status .rejection-rate .rejection-rate-pct div{height:1em;font-size:1em}.production-line .status .rejection-rate .rejection-rate-cost{font-size:1em;margin-bottom:1.4em;flex-basis:100%}.production-line .status .rejection-rate .rejection-rate-cost div{font-size:.8em}.production-line .status .rejection-rate .rejection-trend{font-size:1em;flex-basis:100%}.production-line .status .rejection-rate .rejection-trend div{height:1em;font-size:1em}.production-line .name{position:absolute;right:-3px;bottom:-2px;width:60px;border-radius:0 0 4px 0;font-size:medium}@media only screen and (max-width:1270px){.production-line .name{width:100%;font-size:small}}@media only screen and (max-width:600px){.production-line{border-radius:0;padding-top:0}.production-line .name{position:relative;font-size:medium}}.production-line.no-vision{display:flex;align-items:center;justify-content:center;opacity:.2}.production-line.inactive{background:linear-gradient(to bottom right,#bbb,#ddd)!important}.production-line.ok{background:linear-gradient(to bottom right,#48b461,#28a745)}.production-line.warning{background:linear-gradient(to bottom right,#ffc107,#ffca2c)}.production-line.danger{background:linear-gradient(to bottom right,#d15361,#dc3545)}.production-line.ready{background:linear-gradient(to bottom right,#804040,#a84a4a)}.production-line-empty{flex-basis:40%;margin:1%}#hall-83 .production-line{flex-basis:80%}#visibility-icon{position:"absolute";font-size:"3rem";width:"1rem";height:"1rem"}.production-line-lists{width:90%;height:80%;display:flex;justify-content:space-evenly;position:absolute;margin-left:2em}.production-line-lists .top-ejections,.production-line-lists .top-no-ejections{width:80%;margin:1em}#dlg{xbackground:#4ec3cf;xbackground:linear-gradient(180deg,rgba(78,195,207,.3),rgba(14,95,159,.3))}#dlg-content{background:#4ec3cf;background:linear-gradient(180deg,rgba(78,195,207,.1),rgba(14,95,159,.1))}#customized-dialog-title{background:rgba(78,195,207,.1)}#dlg-actions{background:rgba(14,95,159,.1)}
/*# sourceMappingURL=main.ed2ec2dd.chunk.css.map */