html{font-size:1vh}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;background-color:var(--supportive-grey-06)}*,*:before,*:after{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#000;text-decoration:none}:root{--primary-blue: #4369e1;--primary-navy: #00101f;--primary-white: #ffffff;--primary-black: "#000000";--text-01: #555;--supportive-grey-01: #f5f5f6;--supportive-grey-02: #f0f0f0;--supportive-grey-03: #c4c4c4;--supportive-grey-04: #4a545f;--supportive-grey-05: #656f78;--supportive-grey-06: #f6f6f6;--supportive-grey-07: #b0b0b0;--supportive-grey-08: #f7f7f7;--supportive-grey-09: #989898;--shade-blue-border: #1a7ab9;--shade-blue-background: #1d89cf;--blue-01: #1d89cf;--blue-02: rgba(28, 122, 185, .1);--blue-03: #5ac0de;--blue-04: #eef9fc;--blue-05: #1569a1;--blue-06: #3ba9c9;--blue-gradient: linear-gradient(172.42deg, #1c7ab9 4.24%, #11527e 95.76%);--red: #d2232a;--red-low-opacity: #d2232a27;--red-shade-01: #fc5959;--red-shade-02: #ffa5a5;--red-shade-03: #f8ddde;--green: #62e254;--green-01: #5fbc5e;--green-shade: #afffa6;--green-02: rgba(93, 189, 94, .1);--green-03: #51a751;--yellow: #fccd73;--yellow-shade: #fcf173;--orange: #ff8355;--orange-2: #f4b04e;--orange-shade: #ffd3a6}.layout{background-color:var(--supportive-grey-06);height:100vh;display:grid;grid-template:"a" 3.2rem "b" auto "c" 1.2rem}.layout header{display:flex;align-items:center;flex:1;gap:1.5rem;padding:1.6rem;justify-content:space-between}.layout header .logo{display:flex;align-items:center;cursor:pointer}.layout header .logo img{height:2.6rem}.layout header .right{margin-left:auto;margin-right:1rem}.layout header .login{background:none;border:none;font-size:1.6rem;cursor:pointer}.layout header a:hover,.layout header button:hover,.layout header .logo:hover{color:#5b5b5b}.layout header .right{display:flex;gap:1.6rem}.layout header .right .datetime{font-weight:700;font-size:1.8rem;color:var(--text-01);margin:0}.layout header .right .datetime span{margin:0 .3rem}.layout header .right .menu-button{height:1.8rem;width:1.8rem;margin-top:.25rem}.layout header .right .menu-button .menu-icon{vertical-align:0rem;font-size:1rem;line-height:.0041666667rem;margin:0!important;width:unset!important}.layout header .menu{position:absolute;top:4.7rem;right:2.6rem;background-color:var(--supportive-grey-06);border:.1rem solid var(--supportive-grey-03);box-shadow:0 0 1.6rem #00000040}.layout header .menu a,.layout header .menu button{display:block;background:none;border:none;padding:.8rem 1.6rem;font-size:1.6rem;color:var(--black);text-decoration:none;line-height:2.1rem;cursor:pointer;width:100%;text-align:left}.layout header .menu a:hover,.layout header .menu button:hover{background-color:var(--supportive-grey-03)}.arrivals{display:flex;padding:0 .8rem;gap:.4rem;flex:1;width:100vw;overflow-x:hidden}.arrivals .section{background-color:var(--primary-white);padding:.8rem .8rem .4rem;width:33%;border-radius:.4rem}.tag{color:var(--primary-white);font-size:1.6rem;font-weight:600;line-height:2rem;padding:.4rem 1rem;border-radius:.4rem;text-transform:uppercase}.header-arrivals{display:flex;justify-content:space-between;color:var(--text-01);align-items:center;margin-bottom:1rem;flex-direction:row}.header-arrivals .title{font-size:1.2rem;font-weight:600;line-height:1.4rem}.header-arrivals .title .tag{color:var(--primary-white);font-size:1rem;font-weight:600;line-height:1.2rem;padding:.4rem 1rem;border-radius:.4rem;text-transform:uppercase}.header-arrivals .info{font-size:1rem;font-weight:400}.movement{margin:.2rem 0;display:grid;grid-template-columns:0px 33% 33% 33%;grid-template-areas:"ind info customer name";border-radius:.4rem;min-height:8.4rem;gap:.6rem;padding-right:.8rem}.movement.full{grid-template-areas:"ind info customer name due status arr";grid-template-columns:0rem max(12rem,30% - 4.5rem) calc(30% - 5.5rem) calc(30% - 5.5rem) 4rem 8rem 4rem}.movement.import{background-color:var(--green-01)}.movement.export{background-color:var(--blue-01)}.movement.collections,.movement.deliveries{background-color:var(--blue-03)}.movement.inbound,.movement.outbound{background-color:var(--supportive-grey-07)}.movement .indicator{grid-area:ind;border-radius:.3rem 0 0 .3rem}.movement .cell{margin:.2rem 0}.movement .cell.info{grid-area:info}.movement .cell.customer{grid-area:customer}.movement .cell.name{grid-area:name}.movement .cell.bordered{border-radius:.3rem;padding:.8rem .5rem;justify-content:center;align-items:center;display:flex;flex-direction:column;gap:.4rem}.movement .cell.due{grid-area:due}.movement .cell.status{grid-area:status}.movement .cell.arrived{grid-area:arr}.movement .cell p{margin:0;font-size:1.1rem;color:var(--primary-white);text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.movement .cell p.bold{font-size:1.5rem}.movement .cell p.packages{overflow:visible}.movement .cell h5{color:var(--primary-white);text-align:center;font-size:.9rem;font-style:normal;font-weight:400;line-height:1.1rem;margin:0}.movement .cell h5.overdue{color:var(--red)}.movement .cell h6{color:var(--primary-white);text-align:center;font-size:.6rem;font-style:normal;font-weight:400;line-height:.8rem;margin:0}.movement .cell h6.overdue{color:var(--red)}.movement .cell h3{color:var(--primary-white);font-size:1.4rem;font-style:normal;text-align:center;font-weight:700;line-height:1.8rem;margin:0}.movement .cell h3.overdue{color:var(--red)}.movement .cell h3.status-in-progress{color:var(--orange-2)}.movement .cell .icons{margin-top:.8rem;gap:.4rem;display:flex}.movement .cell .icons span{padding:.2rem .6rem;border-radius:7.2rem}.movement .cell .icons span .flags-icon{vertical-align:.05rem;font-size:.7rem}.movement .cell .icons span.priority-icon{background-color:#000}.movement .cell .icons span.temperature-icon{background-color:#1d89cf}.movement .cell .icons span.hazardous-icon{background-color:#e66455}.movement .cell .icons span.foodstuffs-icon{background-color:var(--green-03)}.movement .cell .icons span.overlength-icon{background-color:#c45ad0}.movement .cell .icons span.stack-icon{background-color:#5bc0de}.login{background:var(--blue-gradient);height:100vh;display:flex;justify-content:center;align-items:center}.login .content{background-color:var(--primary-white);box-shadow:0 0 1.6rem #00000040;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;border-radius:1.6rem;padding:6.4rem 4.5rem}.login .content img{width:18.6rem;margin-bottom:4.8rem}.login .content .login{height:4.8rem;min-width:33rem;border-radius:.32rem;border:.1rem solid var(--shade-blue-border);background:var(--shade-blue-border);color:var(--primary-white);text-align:center;font-size:1.6rem;font-style:normal;font-weight:600;line-height:1.8rem;cursor:pointer}.login .content .login:hover{background-color:var(--shade-blue-background)}.login .content input{height:4.8rem;min-width:33rem;border-radius:.32rem;padding:1.4rem;border:.1rem solid var(--supportive-grey-03);background:var(--primary-white);color:var(--text-01);font-size:1.44rem;font-style:normal;font-weight:400;line-height:normal}.login .content input.error{border-color:var(--red)}.login .content .error_message{color:var(--red);font-size:1.2rem;font-style:normal;font-weight:400;line-height:1.8rem;margin-top:-.5rem;align-self:flex-start}.login .content .error_message.shifted{padding-left:2.4rem}.login .content .error_message .bulletpoint{font-size:3rem}.input_component{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.input_component label{font-size:1.4rem;margin-top:2.4rem}.input_component label.disabled{color:var(--supportive-grey-03)}@media (max-width: 85rem){.input_component label{font-size:1.6rem}}.input_component .inner_input{display:flex;align-items:center;width:100%;height:100%}.input_component .inner_input input{border:.1rem solid var(--supportive-grey-03);border-radius:.3rem;font-size:1.6rem}.input_component .inner_input input ::placeholder{color:transparent}.input_component .inner_input input:focus{border:.1rem solid var(--primary-blue);box-shadow:0 0 .5rem var(--primary-blue);outline:none;border-radius:.3rem}.input_component .inner_input input:disabled{border:.1rem solid var(--supportive-grey-02);color:var(--supportive-grey-03)}.input_component .inner_input .show_password{background-color:transparent;color:var(--primary-navy);position:absolute;height:auto;border:0rem;right:1.8rem}@media (max-width: 85rem){.input_component .inner_input .show_password{right:1.6rem}.input_component .inner_input .show_password .eye{height:1.5rem}}.input_component .inner_input .show_password:hover{color:var(--primary-blue)}.input_component.search .inner_input .magnifying_glass{position:absolute;width:2rem;height:2rem;left:1.3rem}.input_component.search .inner_input input{padding-left:4.2rem;background-color:var(--supportive-grey-01);height:100%;width:100%;border:none;color:var(--primary-navy)}.input_component.search .inner_input input::placeholder{opacity:1;color:var(--primary-navy)}.input_component.search .inner_input input:focus~.magnifying_glass{color:var(--primary-blue)}.input_component.search .inner_input input:disabled{opacity:.5}.input_component.search .inner_input input:disabled~.magnifying_glass{opacity:.5}input::-ms-reveal,input::-ms-clear{display:none}.rest-of-week{display:flex;padding:0 1rem;gap:.3rem;flex:1}.rest-of-week .day{background-color:var(--primary-white);width:20%;padding:1rem .4rem .4rem}.header{display:flex;flex-direction:column;justify-content:space-between;color:var(--text-01);align-items:center;margin-bottom:1.6rem;gap:.8rem}.header .title{font-size:2rem;font-weight:600;line-height:1.8rem}.header .info{font-size:1.2rem;font-weight:400}.no-hub{padding-top:3rem;width:100%;text-align:center}.no-hub h1{color:var(--red)}