a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Fira sans";src:url(/static/media/FiraSans-Regular.17e46821.eot);src:url(/static/media/FiraSans-Regular.17e46821.eot?#iefix) format("embedded-opentype"),url(/static/media/FiraSans-Regular.626effef.woff2) format("woff2"),url(/static/media/FiraSans-Regular.4dae0def.woff) format("woff"),url(/static/media/FiraSans-Regular.895f5b02.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Fira sans";src:url(/static/media/FiraSans-Medium.7cbd9d05.eot);src:url(/static/media/FiraSans-Medium.7cbd9d05.eot?#iefix) format("embedded-opentype"),url(/static/media/FiraSans-Medium.0db734f6.woff2) format("woff2"),url(/static/media/FiraSans-Medium.fea5ce1f.woff) format("woff"),url(/static/media/FiraSans-Medium.37c2fe47.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"Fira sans";src:url(/static/media/FiraSans-SemiBold.ede3f503.eot);src:url(/static/media/FiraSans-SemiBold.ede3f503.eot?#iefix) format("embedded-opentype"),url(/static/media/FiraSans-SemiBold.11e2b49a.woff2) format("woff2"),url(/static/media/FiraSans-SemiBold.e6a8521d.woff) format("woff"),url(/static/media/FiraSans-SemiBold.a2bf3790.ttf) format("truetype");font-weight:700;font-style:normal}body{margin:0;font-family:"Fira sans",helvetica}.AppBase{padding-left:92px;overflow:hidden}.ColorWhite{color:#fff}.ColorBlack{color:#000}.ColorGrey{color:grey}.Bold{font-weight:700}.NoGutterBottom{margin-bottom:0}@-webkit-keyframes AnimEnter{0%{right:-20px}to{right:10px}}@keyframes AnimEnter{0%{right:-20px}to{right:10px}}.Bubble{-webkit-animation:AnimEnter .4s linear;animation:AnimEnter .4s linear;background-color:#152042;border:1px solid #152042;right:10px;position:absolute;top:10px;min-width:320px;max-width:400px;color:#fff;border-radius:4px;max-height:78%;overflow:auto}.BubbleHeader{padding:20px;display:flex;flex-direction:row;align-items:center}.BubbleHeader.--Small{padding:10px 20px}.BubbleGraphics{margin-right:12px}.BubbleGraphics svg{width:40px;height:40px;vertical-align:middle}.BubbleTitle{color:#fff;font-size:18px}.BtnReset{background:none;background-color:unset!important;border:none;box-shadow:none!important;opacity:.6}.Inline{display:inline-block}.BtnReset:HOVER{opacity:1}.Pill{font-size:16px;text-align:center;font-weight:600;background-color:#4252a9;padding:3px 6px 2px 8px;border-radius:4px;color:#fff}.PillDivider{display:inline-block;margin:0 8px}.Btn{color:#fff;cursor:pointer;font-weight:600;-webkit-appearance:none;-moz-appearance:none;border:none;background-color:#4252a9;border-radius:4px;display:block;height:40px}.Btn:disabled{color:rgba(0,0,0,.4)}.MainPanel{position:absolute;left:92px;top:0;bottom:0;right:0}.MapContainer{width:100%;height:100%}.LeftPanel{background-color:#152042;bottom:0;left:0;position:absolute;top:0;width:92px;display:flex;flex-direction:column;padding-bottom:100px}.LeftPanel .NTDLogo{background-image:url(/static/media/logo.1f99ee9f.svg);background-position:50%;background-repeat:no-repeat;background-size:52px;height:60px}.LeftPanel .ButtonContainer{height:250px;color:#fff;flex:1 1}.LeftPanel .LeftPanelButton{cursor:pointer;height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-bottom:1px solid rgba(0,0,0,.2)}.LeftPanel .LeftPanelButton:HOVER{background-color:#717aac!important}.LeftPanel .LeftPanelButton.active{background-color:#4252a9}.LeftPanel .LeftPanelButton.active .ButtonNumber{background-color:#fff;color:#4252a9}.LeftPanel .ButtonNumber{background-color:#4252a9;border-radius:3px;color:#fff;height:22px;font-size:14px;margin-bottom:12px;padding:3px;text-align:center;width:50px;font-weight:600;display:flex;align-items:center;justify-content:center}.LeftPanel .ButtonName{font-size:12px}.LeftPanel .ClockContainer{background-color:#4252a9;border-radius:10px;bottom:10px;color:#fff;height:70px;left:10px;position:absolute;text-align:center;width:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.LeftPanel .ResetButton{color:#fff}.LeftPanel .ResetButton .ButtonName{margin-top:12px}.LeftPanel .ClockContainer .ClockTime{font-size:28px;font-weight:700;margin-bottom:6px}.LeftPanel .ClockContainer .ClockDate{font-size:16px;opacity:.5;font-weight:400}.BookingNumberBox{border:1px solid rgba(0,0,0,.2);border-radius:4px;background-color:#0f80e8;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.BookingListContainer{color:#000;border-radius:0 0 4px 4px;background-color:#fff;width:100%;overflow-y:scroll}.BookingListItem{padding:12px 18px;display:flex}.CapacityIcon{width:34px;height:34px}.CapacityIcon .FillColor{fill:#fff}.CapacityIcon .StrokeColor{stroke:#fff}.BookingListItem:nth-child(2n){background-color:#f2f2f5}.BookingListItem .BookingCapacity,.BookingListItem .BookingInfo,.BookingListItem .BookingNumber{display:flex;justify-content:center}.BookingListItem .BookingInfo{flex-direction:column;padding-left:6px;overflow:hidden}.BookingListItem .BookingNumber{align-items:center}.BookingListItem .BookingCapacity{padding-left:8px;display:flex;align-items:center}.BookingListItem .BookingCapacity .BookingCapacityIcon{background-position:50%;background-repeat:no-repeat;background-size:contain;opacity:.38;width:22px;height:22px}.BookingListItem .Address{font-size:14px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.BookingListItem .Assignment{font-size:12px}.EmptyBooking{border-radius:0 0 16px 16px;background-color:#253668;padding:22px 0 32px;text-align:center;color:#fff}.EmptyGraphics{width:72px;margin-bottom:8px;opacity:.5}.EmptyTextTitle{font-size:18px;margin-bottom:8px}.EmptyTextSubtitle{font-size:14px;opacity:.6}.VehicleDetailsBubble .VehicleIdText{font-weight:700;font-size:24px;margin-bottom:12px}.VehicleDetailsBubble .VehicleIdText .VehicleIdTextLeft{line-height:24px}.VehicleDetailsBubble .VehicleIdText .VehicleIdTextRight{font-weight:400;font-size:14px;color:grey;float:right;line-height:24px}.VehicleDetailsBubble .CapacityText{opacity:.62;font-size:16px;margin-bottom:2px}.VehicleDetailsBubble .CapacityCell{display:inline-flex;position:relative;width:60px;height:48px;align-items:center;margin-right:4px}.VehicleDetailsBubble .VehicleInformation{padding:16px 20px}.VehicleDetailsBubble .CapacityBadge{position:absolute;display:grid;justify-content:center;align-content:center;height:24px;min-width:24px;border-radius:12px;left:-8px;bottom:-3px;background-color:#152042;border:1px solid #fff;font-size:12px;pointer-events:none}.Legend{position:absolute;left:92px;border-radius:0 10px 0 0;background-color:rgba(21,32,66,.9);bottom:0;padding:4px 32px 4px 50px;display:flex;flex-direction:row}.Legend.Closed{cursor:pointer;left:140px;bottom:20px;height:50px;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:4px;width:50px;padding:0}.Legend.Closed:hover{background-color:#2b3570}.Legend .HideBtn{display:flex;cursor:pointer;justify-content:center;align-items:center;position:absolute;right:0;top:0;background-color:#4252a9;height:30px;width:30px;border-radius:0 10px 0 0}.Legend .HideBtn:hover{background-color:#2b3570}.Legend .GroupContainer{display:flex;border-right:1px solid rgba(0,0,0,.4);padding-right:16px;margin-right:8px}.Legend .GroupContainer .GroupsLeft{margin-right:10px}.Legend .Group,.Legend .Type{height:19px;margin:8px 0;cursor:pointer;color:grey;border-radius:4px;display:flex;align-items:center}.Type{cursor:default!important}.Group{margin-right:4px!important;white-space:nowrap}.Legend .Group:hover,.Legend .Type:hover{background-color:hsla(0,0%,100%,.2)}.Legend .Group.Selected,.Legend .Type.Selected{color:#fff}.Legend .Group.Selected:hover,.Legend .Type.Selected:hover{background-color:rgba(200,200,255,.4)}.Legend .Group .ColorSquare,.Legend .Type .Icon{width:20px;height:20px;margin-right:10px;border-radius:4px;background-position:50%;background-repeat:no-repeat;background-size:contain}.Legend .Type{margin-left:8px}.SearchContainer{position:absolute;top:0;width:620px;height:60px;display:flex;flex-direction:column}.SearchContainer.active{height:140px}.SearchContainer.active .SearchButtonsContainer,.SearchContainer:HOVER .SearchButtonsContainer{display:inline-flex}.SearchContainer.active .SearchButtonsContainer{border-radius:0}.SearchContainer .SearchButtonsContainer{border-left:1px solid rgba(0,0,0,.4);border-radius:0 0 10px 0;height:60px;padding:0 20px 0 62px;display:none}.SearchContainer .SearchButtonsContainer,.SearchContainer .SearchIcon{background-color:#152042;flex-direction:row;justify-content:center;align-items:center}.SearchContainer .SearchIcon{display:flex;position:absolute;left:8px;top:5px;border-radius:4px;padding:0;width:50px;height:50px}.SearchContainer .SearchIcon svg{width:40px;vertical-align:middle}.SearchContainer .SearchIcon svg .FillColor{fill:#fff}.SearchButtonsContainer .Button{background-color:#4252a9;margin-left:3px;height:32px}.SearchButtonsContainer .ButtonImg{width:100px;height:18px;background-position:50%;background-repeat:no-repeat;background-size:contain;margin:3px}.SearchInputsContainer{border:1px solid rgba(0,0,0,.5);border-left-width:0;flex-grow:1;background-color:#253668;height:80px;border-radius:0 0 10px 0;display:none;flex-direction:column;justify-content:center;padding:0 20px}.SearchContainer.active .SearchInputsContainer{display:flex}.VehicleSelectBtn{margin:2px}.VehicleSelectMenu{max-height:250px;min-width:300px;overflow-y:auto}.SearchContainer .SearchPerformSearch{margin-left:20px;display:flex;flex-grow:1;justify-content:center;align-items:center;min-width:90px}.SearchContainer .SearchPerformSearch:disabled{color:rgba(0,0,0,.4);cursor:default}.SearchContainer .FormRow{display:flex;align-items:center}.SearchInputBox{margin-left:14px}.DisruptionDetails{color:#000;background-color:#fff;padding:20px}.DisruptionDetails .PreWrap{white-space:pre-line;margin-top:20px}.BusDetailsBubble .ValueText{font-size:14px;margin-bottom:8px;color:#000}.BusDetailsBubble .HeadingText{font-weight:400;color:grey;font-size:14px;line-height:20px}.BusDetailsBubble .Body{background-color:#fff;padding:10px 20px}.AddressVehicleDetailsBubble{left:102px;top:150px;right:unset}.LocationCell{display:flex;flex-direction:row;align-items:center;padding-left:8px}.LocationCell svg{width:18px;height:46px;margin-right:12px}.AddressVehicleDetailsBubble .Content{flex:1 1;position:relative;background-color:#fff;border-radius:0 0 4px 4px;color:#000}.AddressVehicleDetailsBubbleInfo{flex-direction:column;padding:8px 20px}.AddressVehicleDetailsBubbleInfo .Info{display:flex;flex-direction:row;padding:2px 0}.AddressVehicleDetailsBubbleInfo .Icon{display:flex;align-items:center}.AddressVehicleDetailsBubbleInfo .Icon svg{fill:#4252a9!important}.AddressVehicleDetailsBubbleInfo .Info .Text{padding-left:20px;display:flex;flex-direction:column}.AddressVehicleDetailsBubbleInfo .Info .Text>*{padding-top:5px;padding-bottom:5px}.GarageDetailsBubble .ValueText{font-size:14px;margin-bottom:8px;color:#000}.GarageDetailsBubble .HeadingText{font-weight:400;color:grey;font-size:14px;line-height:20px}.GarageDetailsBubble .Body{background-color:#fff;padding:10px 20px}
/*# sourceMappingURL=main.adc942db.chunk.css.map */