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{display:flex;align-items:center;flex-direction:row;max-height:1024px;overflow:hidden}.App select{padding:1em}@media print{.App .button,.App .DropDown{display:none}}.App *{box-sizing:border-box}.App .SideMenu{display:flex;flex-direction:column;width:200px;box-shadow:0 8px 40px rgba(0,0,0,.14);height:100vh;padding:20px}.App .SideMenu img{margin-bottom:16px}.App .SideMenu>*{margin-top:16px}.App .SideMenu .button{margin-left:unset;text-decoration:unset}.App .SideMenu .button.active{background:#195488;border:4px solid #5691c4}.App .SideMenu .replay{margin-bottom:auto}.App .Content{flex:1 1;flex-direction:column;width:auto}.App .Content,.MapView{display:flex;align-items:center;justify-content:center}.MapView{-webkit-user-select:none;-ms-user-select:none;user-select:none;background-size:20px 20px;background-image:linear-gradient(90deg,#eee 1px,transparent 0),linear-gradient(180deg,#eee 1px,transparent 0)}.MapView *{box-sizing:border-box}.MapView .d3-component{position:relative}.MapView .d3-component .bay{display:flex;position:absolute;align-items:center;justify-content:center;border-radius:2px}.bay>.Text{font-size:.75em}.bay.Empty{background:#a8b8c1}.bay.Full{background:#6dc563}.bay.Loading{background:#f8a24d}.bay.Unloading{background:#ea686e}.Auth{display:flex;flex-direction:column;width:300px;padding:24px}input:disabled{opacity:.5}.mover{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.5em;width:34px;height:34px;border-radius:17px;border:2px solid red;background:red}.mapRoot,.moversRoot{text-transform:uppercase}.MapBackground,.mapRoot,.moversRoot{position:absolute;top:0;left:0;width:100%;height:100%}a.button,button.button,span.button{height:44px;padding:0 30px;box-sizing:border-box;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;background:#2e92e9;color:#fff;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:box-shadow .2s,opacity .2s,background-color .2s;border:2px solid transparent;cursor:pointer}a.button+.button,button.button+.button,span.button+.button{margin-left:10px}a.button.round,button.button.round,span.button.round{width:46px;padding:0}a.button.small,button.button.small,span.button.small{padding:0 20px;height:36px}a.button.danger,button.button.danger,span.button.danger{background:#fc3868}a.button.secondary,button.button.secondary,span.button.secondary{background:#fff;color:#2e92e9}a.button.secondary:hover,button.button.secondary:hover,span.button.secondary:hover{opacity:1;background:#e7f2fc}a.button.secondary:active,button.button.secondary:active,span.button.secondary:active{opacity:1;background:#b8daf8}a.button:hover,button.button:hover,span.button:hover{opacity:.8}a.button:active,button.button:active,span.button:active{opacity:1}a.button:focus,button.button:focus,span.button:focus{border-color:rgba(0,0,0,.2);outline:none}a.button.wide,button.button.wide,span.button.wide{width:100%}a.button.disabled,a.button.disabled:active,a.button.disabled:hover,a.button:disabled,a.button:disabled:active,a.button:disabled:hover,button.button.disabled,button.button.disabled:active,button.button.disabled:hover,button.button:disabled,button.button:disabled:active,button.button:disabled:hover,span.button.disabled,span.button.disabled:active,span.button.disabled:hover,span.button:disabled,span.button:disabled:active,span.button:disabled:hover{cursor:default;box-shadow:none;opacity:1;color:#a8a8a8;background:#e6e6ec}.Toastify__toast-body{white-space:pre-line}@keyframes LoginEnter{0%{opacity:0;transform:translateY(15%)}to{opacity:1;transform:none}}.Login{animation:LoginEnter .8s cubic-bezier(.25,.46,.45,.94);background:#fff;width:580px;max-width:100%;padding:85px 20px 60px;box-sizing:border-box;box-shadow:0 8px 40px rgba(0,0,0,.14);display:flex;flex-direction:column;align-items:center;margin:72px auto auto}@keyframes FormEnter{0%{opacity:0;max-height:0;padding-top:0}50%{opacity:0;max-height:300px;padding-top:30px}to{opacity:1;max-height:500px;padding-top:30px}}.Login .form{opacity:0;max-height:0;padding-top:0;max-width:100%;width:280px;box-sizing:border-box}.Login .form.entered{padding-top:30px;animation:FormEnter 2s ease;opacity:1;max-height:500px}.Login .Error{margin-top:1em;padding:1em;background-color:#fee}.ErrorBox{padding:16px;background-color:#fed7e1;border-radius:8px;margin-top:8px}.MapView .GrabberContainer{position:absolute;z-index:1;transition:top .2s ease-in-out,left .2s ease-in-out}.MapView .GrabberName{text-transform:uppercase;font-size:.5em;margin-left:-50%;font-weight:700;background-color:hsla(0,0%,100%,.5);padding:2px 0;text-align:center;border-radius:2px}.MapView .Grabber{width:20px;height:20px;background:red;border:2px solid #8b0000;box-shadow:0 1px 4px rgba(0,0,0,.16);border-radius:6px}@keyframes ProgressBar_loader__2_DdG{0%{width:0}20%{width:10%}25%{width:24%}43%{width:41%}56%{width:50%}66%{width:52%}71%{width:60%}75%{width:76%}94%{width:86%}to{width:100%}}.ProgressBar_ProgressBar__3DEK3{border-radius:60px;overflow:hidden;width:100%;height:5px;margin-top:4px}.ProgressBar_ProgressBar__3DEK3 span{display:block}.ProgressBar_ProgressBar__3DEK3 .Bar{background:rgba(0,0,0,.075)}.ProgressBar_ProgressBar__3DEK3 .Progress{animation:ProgressBar_loader__2_DdG 8s ease forwards;background:#75b800;color:#fff;padding:5px;width:0}.Header{display:flex;width:885px;justify-content:space-between;margin-top:16px;margin-bottom:16px}.SliderControl{width:100%}.SliderControl .Control{-webkit-appearance:none;width:100%;height:24px;background:#f0f0f0;outline:none;opacity:.7;transition:opacity .2s}.SliderControl .Control:hover{opacity:1}.SliderControl .Control::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#ccc;border-radius:2px;border:2px solid #f0f0f0;cursor:pointer}.ReplayMap{display:flex;flex-direction:column}.ReplayMap .ActionRow{display:flex;flex-direction:row}.ReplayMap .ActionRow button{margin-left:auto}.ReplayMap .ActionRow .Confirmation{height:185px}.ReplayMap .ActionRow .Confirmation .ModalContent{display:flex;flex-direction:column}.ReplayMap .ActionRow .Confirmation .ModalContent span{margin-bottom:1em}.ReplayMap .ActionRow .Confirmation .ModalContent .button{margin-right:1em}.ReplayMap .PlaceholderMap{background-color:#f3f3f3;width:900px;height:700px}.ReplayMap .DropDown{font-family:"Montserrat",sans-serif;color:#8a959e;text-transform:uppercase;font-weight:800;font-size:10px}.ReplayMap .DropDown>span:first-child{margin-right:1em;margin-bottom:1em}.ReplayMap .GeneralInfo{display:flex;flex-direction:row;justify-content:space-between;margin:8px 0;font-family:"Montserrat",sans-serif;color:#8a959e;text-transform:uppercase;font-weight:800;font-size:10px}.ReplayMap .SliderContainer{display:flex;flex-direction:row;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ReplayMap .SliderContainer .Slider{flex:1 1;position:relative}.ReplayMap .SliderContainer .Slider .HorizontalTimeline{position:absolute;top:10px;left:12px;right:12px;pointer-events:none}.ReplayMap .SliderContainer .StepControl{width:30px}.HorizontalTimeline{position:relative}.HorizontalTimeline .Snapshot{display:block;position:absolute;top:0;width:8px;height:8px;border-radius:4px;background-color:#1ace65;opacity:.5}.HorizontalTimeline .Snapshot.Selected{width:16px;height:16px;border-radius:8px;transform:translateX(-4px) translateY(-4px);background-color:#eca55d;box-shadow:0 0 6px 0 #eca55d;z-index:1}.StepControl{display:flex;align-items:center;justify-content:center;border:1px solid #ccc;cursor:pointer}.StepControl:hover{background-color:#d5e9fb}.StepControl:active{color:#fff;background-color:#2e92e9}@import https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap;@import https://fonts.googleapis.com/icon?family=Material+Icons;@keyframes ScreenIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.ModalBackground{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:13}.ModalBackground .Modal{position:relative;background:#fff;border-radius:20px;border:1px solid #ccc;padding:30px 40px;min-width:300px;max-width:90vw;height:80vh}.ModalBackground .Modal .ModalContent{height:100%;padding-top:30px;overflow-y:scroll}.ModalBackground .Modal .Close{position:absolute;top:10px;right:10px;border:1px solid #ccc;border-radius:10px;padding:1ch 2ch;cursor:pointer}.ModalBackground .Modal .Close:active{background-color:#2e92e9;opacity:.5}.ModalBackground .Modal .Close:hover{background-color:#2e92e9;color:#fff}.QuickReconcileModal{width:80vw}.AdminEdit .MapImage{border:2px solid #ccc;border-radius:8px;width:900px}.Admin{display:flex;flex-direction:column}.Admin a{text-decoration:none}.Admin a:hover{text-decoration:underline}
/*# sourceMappingURL=main.08c6df4b.chunk.css.map */