*{margin:0;padding:0}a{text-decoration:none}ul{display:flex;justify-content:center;list-style:none}li{display:list-item;text-align:-webkit-match-parent}li a{margin:0 .25rem;padding:.45rem}.toggle-switch{line-height:34px}.toggle-switch span{padding-left:3px}.list{max-height:270px}.list,.list-h{flex-direction:column;overflow:auto}.list-h{background-color:#e4e4e4;max-height:400px}.list-item{border-bottom:1px solid #000;line-height:3rem;margin:0 auto;width:90%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.flex-sp-btwn{display:flex;justify-content:space-between}.flex-sp-arnd{display:flex;justify-content:space-around}.flex-center{display:flex;justify-content:center}.px-10{padding-left:10px;padding-right:10px}.py-5{padding-bottom:5px;padding-top:5px}.grid-col-2{display:grid;grid-template-columns:repeat(2,1fr)}.App{display:flex;flex-direction:column;justify-content:center}.btn:active{box-shadow:inset;-webkit-transform:scale(.95);transform:scale(.95)}.container{display:flex;justify-content:center;margin:0 auto;max-width:400px;text-align:center}.container-t{margin:0 auto;width:85vw}.wb-list-title{background-color:#e6e6e6;display:flex;justify-content:space-between;line-height:55px}.wb-list-content{height:50vh;line-height:50vh;text-align:center}.wb-list-content h3{vertical-align:middle}.wb-list-title h3,a{margin:0 10px}.wb-list{grid-column:1/5;margin:0 auto;max-height:75vh;overflow:auto;width:85vw}.wb-list-item-grid{grid-gap:2px;border-bottom:1px solid #000;display:grid;gap:2px;grid-template-columns:repeat(4,1fr)}.wb-list-item-grid-gallery{display:flex;flex-direction:row;grid-column:1/3;grid-row:1/3;justify-content:space-around;padding:5px 0}.wb-list-item-grid-image{flex-direction:column;text-align:center;width:30%}.wb-list-item-grid-image img{max-height:100%;max-width:100%}.wb-list-item-grid-desc{display:grid;grid-column:3/5;grid-row:1/3;padding:5px 0}.wb-list-item-grid-name{font-size:40px;grid-row:1}.wb-list-item-grid-name,.wb-list-item-grid-remark{grid-column:1/3;line-height:50px;padding:0 10px;text-align:left}.wb-list-item-grid-remark{font-size:30px;grid-row:2}.wb-d-title{display:flex;flex-direction:row;justify-content:space-between;padding:2.5% 0 0}.wb-d-title h3{margin:20px 0}.wb-d{display:grid;grid-template-columns:repeat(2,1fr);height:72vh}.wb-d-l{border-right:1px solid #646464;grid-column:1}.wb-d-r{border-left:1px solid #646464;display:block;grid-column:2}.wb-d-gallery{display:flex;flex-direction:row;height:220px;justify-content:space-around}.wb-d-signature{height:200px}.wb-d-nav{bottom:0;display:flex;justify-content:space-around;margin-bottom:25px;position:absolute;width:85vw}.wb-d-list{margin:5% 0}.wb-d-list div{margin:10px 0}.flex-column{display:flex;flex-direction:column}.text-center{text-align:center}.alert{font-size:14px;height:60px;line-height:60px;position:absolute;top:0;width:100%}.bg-danger{background-color:red;color:#fff}.bg-warning{background-color:#fe0;color:#000584}.bg-success{background-color:#0dd609;color:#fff}.login-form,.logo{margin:0 auto}.login-form{width:250px}.input-checkbox,.input-text{margin-bottom:15px}.input-label{line-height:35px}.input-group{margin:5px auto;width:200px}.input-fix{background-color:#f2f2f2;border:.5px solid #979797;border-radius:8px;box-shadow:inset 0 0 3px 1px #a3a3a3;box-sizing:border-box;line-height:35px;padding:0 40px 0 90px;width:200px}.input-fix-left{float:left;margin-right:-95px;padding-left:5px;text-align:left;width:90px}.input-fix-left,.input-fix-right{line-height:35px;position:relative}.input-fix-right{float:right;margin-left:-40px;width:40px}.input-text{background-color:#f2f2f2;border:.5px solid #979797;border-radius:8px;box-shadow:inset 0 0 3px 1px #a3a3a3;box-sizing:border-box;font-size:16px;padding:3px 5px}.btn,.input-text{line-height:35px;width:200px}.btn{border:0;border-radius:8px;font-size:18px;margin:5px auto;padding:3px}.btn-prod{background-color:#ffd362;color:#000584}.btn-mat{background-color:#3a95ff;color:#fff}.btn-order{background-color:#0dd609;color:#fff}.btn-danger{background-color:red;color:#fff}.btn-supplier-selector{border-radius:50%;height:150px;width:150px}.btn-cam{border-radius:50%;font-size:40px;height:75px;width:75px}.btn-sq{border:none;font-size:45px;line-height:60px;width:60px}.btn-disabled{opacity:.5;pointer-events:none}nav{align-items:center;background-color:#f9f9f9;display:flex;height:60px;justify-content:space-between}nav a{color:#000}.nav-logo h4,nav .button-group .material-icons{line-height:60px}.landing-buttons{display:flex;flex-direction:column;height:60vh;justify-content:space-evenly}.bookin,.material,.orders,.production{height:85vh;text-align:center}.bookin,.material,.orders,.production,.spreader{display:flex;flex-direction:column;justify-content:space-between}.spreader{height:400px}.supplier-grid{background-color:hsla(0,0%,69%,.61);width:328px!important}.grid-item{box-sizing:border-box;text-align:center}.list-item-grid{grid-gap:2px;border-bottom:1px solid #000;display:grid;gap:2px;grid-template-columns:repeat(4,1fr)}.list-item-grid-gallery{display:flex;flex-direction:row;grid-column:1/5;grid-row:1/3;justify-content:space-around;padding:5px 0}.list-item-grid-image{width:30%}.list-item-grid-image img{width:100%}.list-item-grid-desc{display:grid;grid-column:1/5;grid-row:3;padding:5px 0}.list-item-grid-name{grid-column:1/3;grid-row:1;padding:0 10px;text-align:right}.list-item-grid-remark{grid-column:3/5;grid-row:1;padding:0 10px;text-align:left}.img-gallery{display:flex;flex-wrap:wrap;justify-content:space-around}.img-gallery img{width:100%}.img-gallery-item{padding:.5rem;width:20%}.pdf-gallery-item{padding:.5rem}.process-images{background-color:#dbdbdb;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:5px auto;width:200px}.process-images button{margin:0}.photo-container{background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:space-between}.img-center img{object-fit:contain}.photo-nav{align-items:center;background-color:#f9f9f9;bottom:0;display:flex;height:60px;justify-content:space-between;position:-webkit-sticky;position:sticky}.qr-scanner,.qr-scanner div{height:100%}.wb-cont-list{max-height:240px;overflow:scroll}.header-menu{background-color:#f9f9f9;display:flex;flex-direction:column;height:100vh;justify-content:space-around;text-align:center;width:100vw}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;height:100%;left:0;margin:0 auto;position:fixed;transition:all .3s ease-out;width:100%;z-index:500}.fs-modal{top:0}.solid-bg-modal{background-color:#fff}.header-menu-item{border-radius:5px;height:40px;line-height:40px;text-align:center;width:40px}.notification{background-color:#ff4646;color:#fff}.camera{text-align:center}.confirmation-container{align-items:center;display:flex;height:100vh;justify-content:center}.confirmation-popup{background-color:#fff;border:1px solid #000;border-radius:20px;display:flex;flex-direction:column;width:320px}.confirmation-info{font-size:20px;padding:1rem;text-align:center}.confirmation-buttons{border-top:1px solid #000;display:flex;justify-content:space-around}.btn-confirmation{background-color:hsla(0,0%,100%,0);border:0;font-size:20px;padding:1rem;text-align:center;width:160px}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:13px;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.rounded{border-radius:17px}.sigContainer{background-color:hsla(0,0%,100%,.1);border:1px solid #949494;margin:0 auto;position:relative;text-align:center}.sigContainer,.sigPad{height:100%;width:100%}.signature-pad-buttons{text-align:center}.sigContainerWaterMark{color:#e5e5e5;font-size:50px;left:100px;margin:-30px auto 0;position:absolute;top:50%;z-index:-99}
/*# sourceMappingURL=main.44fca234.css.map*/