@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);body{font-size:15px;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{zoom:90%}.App,.nav-item{font-family:"Montserrat",sans-serif}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.step{border-width:.6mm;padding-left:10px}.asns,.grns,.upload{height:100vh}.nounderline{text-decoration:none!important}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fixed-button{background-color:#045e84;color:#feac00;border:none;outline:none;position:fixed;bottom:0;padding:10px 35px;right:50px;height:auto;width:auto;margin-bottom:30px;font-weight:700;border-radius:25px;box-shadow:1px 3px 5px #888}@keyframes wobble{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}.navbar{background:transparent}.navbar .dropdown-item,.navbar .fa,.navbar .nav-link,.navbar .nav-link.active,.navbar .nav-link:focus,.navbar .nav-link:hover{color:#000!important}.wobble{animation-name:wobble;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}body.modal-open{overflow:auto}.modal.in{pointer-events:none}.modal-content{pointer-events:all}.modal-backdrop{width:100%;height:100%}.landing{position:relative;background:url(/static/media/login-bg.38620955.jpeg) no-repeat 50%/cover;height:112vh}.dark-overlay{background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%}.landing-inner{margin-top:70px;color:#fff;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.status{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 30s ease infinite;height:120vh}.status-overlay{background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%}.status-inner{margin-top:120px;height:100%}.login{background-color:rgba(0,0,0,.8);margin-top:-50px}input.transparent-input{background-color:transparent!important;color:#fff!important}input.transparent-input::-webkit-input-placeholder{color:#ccc;opacity:.8}input.transparent-input:-ms-input-placeholder{color:#ccc;opacity:.8}input.transparent-input::placeholder{color:#ccc;opacity:.8}.transparent-btn{background-color:transparent;color:#fff}.transparent{background-color:rgba(0,0,0,.4)!important;color:#fff}td,th{font-size:13px}.text-primary{color:#045e84!important}.btn-primary{border:none!important}.bg-primary,.btn-primary{background-color:#045e84!important}.track-main{animation:gradient 20s ease infinite;padding-top:60px}.feedback,.track-main{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;height:120vh}.feedback{padding-top:100px}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.footer{position:fixed;height:50px;color:#fff;padding-top:20px;padding-right:20px;bottom:10px;left:0;right:0;margin-bottom:0}.fab,.footer{text-align:center}.fab{width:60px;height:60px;bottom:60px;right:100px;background:linear-gradient(-45deg,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 2s ease infinite;border-radius:50px;box-shadow:2px 2px 3px #000}.my-fab{margin-top:22px}.tableFixHead{overflow:auto;height:100vh;width:100%}.tableFixHead thead th{background-color:#045e84;text-align:center;position:-webkit-sticky;position:sticky;top:0;z-index:1}td,th{text-align:center}.status{padding:30px 20px;background:#f5f7f8;min-height:100vh}.status-inner .container-fluid{padding:0 5%}.status-inner .col-sm-6{border-radius:6px}.col-sm-6.animated{padding:28px}.status .animated{background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.06);display:block}.step{display:flex;align-items:center;position:relative;padding-left:2px}.step-body{display:flex;flex-direction:column;justify-content:center;font-size:18px}.step-body .pill{margin-top:6px}.two-column{display:flex;grid-gap:32px;gap:32px;align-items:flex-start;flex-wrap:wrap}.two-column>.col-md-5,.two-column>.col-md-7{box-sizing:border-box;background:transparent!important;box-shadow:none!important;padding:0!important}.details-inner,.timeline-inner{background:#fff;padding:24px;border-radius:6px;font-size:1rem}.timeline-inner{position:relative}.timeline-inner:before{content:"";position:absolute;left:50px;top:46px;bottom:46px;width:4px;background:#d8d8d8;border-radius:2px;z-index:1}.step .fa{z-index:2;position:relative;margin-left:4px}.two-column>.col-md-5{margin-right:16px}.two-column>.col-md-7{margin-left:16px}@supports (gap:1rem){.two-column>.col-md-5{margin-right:0}.two-column>.col-md-7{margin-left:0}}.two-column>.col-md-5{flex-grow:0;flex-shrink:0;flex-basis:calc(41.66667% - 16px);max-width:calc(41.66667% - 16px)}.two-column>.col-md-7{flex-grow:0;flex-shrink:0;flex-basis:calc(58.33333% - 16px);max-width:calc(58.33333% - 16px)}@media (max-width:767px){.two-column>.col-md-5,.two-column>.col-md-7{flex:0 0 100%!important;max-width:100%!important}}@media (max-width:767px){.two-column{grid-gap:18px;gap:18px;flex-direction:column}}.step .fa{width:44px;height:44px;line-height:42px;text-align:center;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.06);margin-right:14px;flex-shrink:0;color:#fff}.step .fa.text-primary{background:linear-gradient(180deg,#3fc1c9,#6ee7d3);color:#0a2b2a}.step .fa.text-danger{background:linear-gradient(180deg,#f6a5a5,#f3c6c6);color:#7a1717}.pill{display:inline-block;padding:12px 15px;border-radius:30px;background:#eef6f7;color:#0a2b2a;font-weight:500;box-shadow:inset 0 3px 0 rgba(0,0,0,.02);margin-top:0!important}.pill-planned{width:20rem;background:linear-gradient(90deg,#fff4d9,#ffe3a8);color:#6b4a00}.pill-picked{width:20rem;background:linear-gradient(90deg,#e8f6ff,#c8eaff);color:#043b5e}.pill-received{width:20rem;background:linear-gradient(90deg,#eaffef,#c8f0d8);color:#0f5b2e}.pill-dispatched{width:20rem;background:linear-gradient(90deg,#fff0fb,#ffd6ff);color:#5a1166}.pill-expected{width:20rem;background:rgba(63,193,201,.18);color:#006b6b}.pill-delivered{width:20rem;background:linear-gradient(90deg,#93cefa,#34a4f7);color:#02243d}.step .fa.text-primary+.step-body .pill{background:linear-gradient(180deg,#3fc1c9,#6ee7d3);color:#0a2b2a}.step .fa.text-danger+.step-body .pill{background:linear-gradient(180deg,#f6a5a5,#f3c6c6);color:#7a1717}.pill-date{display:block;color:#000;margin-left:20px;margin-top:6px;font-size:12px}.step small[style]{padding-left:0!important}.fab{position:fixed;right:32px;bottom:32px;background:#00bfa5;width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.12);z-index:2000}.fab .my-fab{font-size:20px}@media (max-width:767px){.pill{padding:10px 14px}.pill-date{margin-left:52px}}
/*# sourceMappingURL=main.aa623b15.chunk.css.map */