@font-face{font-family:Roboto-Black;src:url(/static/media/Roboto-Black.5ebb24ee.ttf) format("truetype")}@font-face{font-family:Roboto-Bold;src:url(/static/media/Roboto-Bold.e07df86c.ttf) format("truetype")}@font-face{font-family:Roboto-Light;src:url(/static/media/Roboto-Light.88823c20.ttf) format("truetype")}@font-face{font-family:Roboto-Medium;src:url(/static/media/Roboto-Medium.58aef543.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/static/media/Roboto-Regular.11eabca2.ttf) format("truetype")}body,html{height:100%;width:100%}:root{--bg-color-background-light:#273759;--bg-color-dark:#242f46;--bg-color-white:#fff;--bg-color-coal:#9013fe;--bg-color-zinc:#e23e8b;--bg-color-lead:#e23e8b;--bg-color-acid:#dfdfdf;--bg-color-concentrate:#4a71f1}#root{height:100%;width:100%;overflow:hidden}.css-15k3avv{position:absolute!important;left:1%!important;width:98%!important}.rdrDateRangePickerWrapper{border:1px solid;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.inputMaterial{width:100%;margin-top:1em;box-sizing:border-box;border-radius:0;box-shadow:none;border:none;border-bottom:1px solid #ddd;outline:none;cursor:text;text-align:center;padding:8px 0}.inputMaterial::-webkit-input-placeholder{-webkit-transition:color .3s ease;transition:color .3s ease}.inputMaterial:not(:focus)::-webkit-input-placeholder{color:transparent}input.inputMaterial:-webkit-autofill,input.inputMaterial:-webkit-autofill:active,input.inputMaterial:-webkit-autofill:focus,input.inputMaterial:-webkit-autofill:hover{box-shadow:inset 0 0 0 100% #fff!important}hr.material{content:"";display:block;position:absolute;bottom:0;left:0;margin:0;padding:0;width:100%;height:2px;border:none;background:#607d8b;font-size:1px;will-change:transform,visibility;transition:all .2s ease-out;transform:scaleX(0);visibility:hidden;z-index:10}input.inputMaterial:focus~hr.material{transform:scaleX(1);visibility:visible}div.leaflet-container{height:100%;width:100%;z-index:0}div.custom-marker{z-index:1000}div.custom-marker,div.vehicle-marker{top:-17.5px;left:-17.5px}.custom-vehicle-marker-container{height:20px;width:20px;border-radius:100%}.custom-vehicle-marker-container .vehicle-marker{display:flex;width:32px;height:32px;border-radius:100%;text-align:center;align-items:center;justify-content:center;flex-direction:column;background:#fff}.vehicle-exception-marker{border-radius:50%;background:red;width:9px;height:9px;position:absolute;top:0;right:-15px}.vehicle-marker.others{background:#f0f8ff}.vehicle-marker.coal{background:#9013fe;background:var(--bg-color-coal)}.vehicle-marker.concentrate{background:#4a71f1;background:var(--bg-color-concentrate)}.vehicle-marker.zinc{background:#e23e8b;background:var(--bg-color-zinc)}.vehicle-marker.acid{background:#dfdfdf;background:var(--bg-color-acid)}.custom-vehicle-marker-container .vehicle-marker div.vehicle-label{position:absolute;top:36px;background:#fff;padding:1px 2px;border-radius:2px}.in-plant-vehicle-marker{top:-30px;left:-16px}.trip-sidebar .react-tabs{display:flex;flex-direction:column}.trip-rightbar .react-tabs,.trip-sidebar .react-tabs{height:100%}.trip-sidebar .react-tabs ul.react-tabs__tab-list{display:flex;align-items:center}.trip-sidebar .react-tabs ul.react-tabs__tab-list li.react-tabs__tab{background-color:#242f46;background-color:var(--bg-color-dark);color:#fff;color:var(--bg-color-white);display:flex;flex:1 1;padding:.5em 8px;justify-content:center;align-items:center;border-radius:2px;border-bottom:2px solid transparent}.trip-sidebar .react-tabs ul.react-tabs__tab-list li.react-tabs__tab:not(:last-child){border-right:2px solid rgba(29,35,49,.71)}.trip-sidebar .react-tabs ul.react-tabs__tab-list li.react-tabs__tab--selected{border-bottom:2px solid #fff;border-bottom:2px solid var(--bg-color-white);background:#273759;background:var(--bg-color-background-light)}.trip-sidebar .react-tabs ul.react-tabs__tab-list li.react-tabs__tab--selected div{width:"100%"}.trip-sidebar .react-tabs .react-tabs__tab-panel{margin-top:1em}.trip-sidebar .react-tabs .react-tabs__tab-panel:not(.react-tabs__tab-panel--selected){display:none}.trip-sidebar .react-tabs .react-tabs__tab-panel--selected{display:flex;height:calc(100vh - 10.8em)}::-webkit-scrollbar{height:3px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888}.fe-ui-search-select{padding:0}.auto-refresh .controls{padding:1em 2em}.card-wrapper{display:flex;background-color:#e9ecf6;border-radius:4px;padding:15px 20px;align-items:center}.card-wrapper .details{display:flex;flex-direction:column;padding:0 20px;text-transform:uppercase}.card-wrapper .details .label{padding:0;font-weight:800;font-size:16px}.card-wrapper .details .sub-label{font-size:14px;padding-top:3px;letter-spacing:.5px;color:rgba(0,0,0,.7)}.card-wrapper.transporter .details .label{color:#15adff}.card-wrapper.truck-details .details .label{font-weight:500}.card-wrapper.truck-details .details .sub-label{color:#15adff;font-size:16px;letter-spacing:2px}.card-wrapper.driver-details .details .label{font-weight:500}.card-wrapper.driver-details .details .sub-label{color:#15adff;font-size:14px;display:flex;flex-direction:column}.card-wrapper.driver-details .details .sub-label span:first-child{padding-bottom:2px}.content-body .page{width:95%!important;margin:2em auto}.content-body .page .trip-sidebar .react-tabs .react-tabs__tab-panel--selected{height:calc(100vh - 7.1em)}.content-body .page .trip-rightbar{height:calc(100vh - 3.8em)}.content-body .page .trip-rightbar .react-tabs .react-tabs__tab-panel--selected>div{height:calc(100vh - 10.3em)!important}.content-body .page .trip-rightbar .react-tabs .react-tabs__tab-panel--selected>div>div:first-child{height:350px!important}.content-body .page .trip-rightbar .react-tabs .react-tabs__tab-panel--selected>div>div:last-child{height:calc(100vh - 33.5em)!important}.content-body .modal{width:100%}.trip-rightbar{display:block;height:calc(100vh - 8.4em)}.trip-rightbar .react-tabs{display:flex;flex-direction:column;height:100%}.trip-rightbar .react-tabs ul.react-tabs__tab-list{display:flex;align-items:center;height:auto}.trip-rightbar .react-tabs ul.react-tabs__tab-list li.react-tabs__tab{display:flex;flex:1 1;padding:4px 8px;height:100%;justify-content:center;align-items:center;background-color:#fff;border-bottom:5px solid #fff;margin-top:5px}.trip-rightbar .react-tabs ul.react-tabs__tab-list li.react-tabs__tab--selected{background-color:#f8f9fc;box-shadow:0 0 6px 0 rgba(0,0,0,.28);border-bottom:5px solid #53c0fb}.trip-rightbar .react-tabs ul.react-tabs__tab-list li.react-tabs__tab--selected div{width:"100%"}.trip-rightbar .react-tabs .react-tabs__tab-panel:not(.react-tabs__tab-panel--selected){display:none}.trip-rightbar .react-tabs .react-tabs__tab-panel--selected{flex:1 1;display:flex;flex-direction:column}.trip-rightbar .react-tabs ul.react-tabs__tab-list li div{box-shadow:none!important}.p-xxs{padding:.25em}.p-xs{padding:.5em}.p-s{padding:.75em}.p{padding:1em}.p-m{padding:1.25em}.p-l{padding:1.5em}.p-xl{padding:1.75em}.p-xxl{padding:2em}.p-l-xxs{padding-left:.5em}.p-l-xs{padding-left:.75em}.p-l-s{padding-left:1em}.p-l{padding-left:1.25em}.p-l-m{padding-left:1.5em}.p-l-l{padding-left:1.75em}.p-l-xl{padding-left:2em}.p-l-xxl{padding-left:2.25em}.p-r-xxs{padding-right:.5em}.p-r-xs{padding-right:.75em}.p-r-s{padding-right:1em}.p-r{padding-right:1.25em}.p-r-m{padding-right:1.5em}.p-r-l{padding-right:1.75em}.p-r-xl{padding-right:2em}.p-r-xxl{padding-right:2.25em}.p-t-xxs{padding-top:.25em}.p-t-xs{padding-top:.5em}.p-t-s{padding-top:.75em}.p-t{padding-top:1em}.p-t-m{padding-top:1.25em}.p-t-l{padding-top:1.5em}.p-t-xl{padding-top:1.75em}.p-t-xxl{padding-top:2em}.p-b-xxs{padding-bottom:.25em}.p-b-xs{padding-bottom:.5em}.p-b-s{padding-bottom:.75em}.p-b{padding-bottom:1em}.p-b-m{padding-bottom:1.25em}.p-b-l{padding-bottom:1.5em}.p-b-xl{padding-bottom:1.75em}.p-b-xxl{padding-bottom:2em}.p-x-xxs{padding-left:.5em;padding-right:.5em}.p-x-xs{padding-left:.75em;padding-right:.75em}.p-x-s{padding-left:1em;padding-right:1em}.p-x{padding-left:1.25em;padding-right:1.25em}.p-x-m{padding-left:1.5em;padding-right:1.5em}.p-x-l{padding-left:1.75em;padding-right:1.75em}.p-x-xl{padding-left:2em;padding-right:2em}.p-x-xxl{padding-left:2.25em;padding-right:2.25em}.p-y-xs,.p-y-xxs{padding-top:.25em;padding-bottom:.25em}.p-y-s{padding-top:.75em;padding-bottom:.75em}.p-y{padding-top:1em;padding-bottom:1em}.p-y-m{padding-top:1.25em;padding-bottom:1.25em}.p-y-l{padding-top:1.5em;padding-bottom:1.5em}.p-y-xl{padding-top:1.75em;padding-bottom:1.75em}.p-y-xxl{padding-top:2em;padding-bottom:2em}.m-xxs{margin:.25em}.m-xs{margin:.5em}.m-s{margin:.75em}.m{margin:1em}.m-m{margin:1.25em}.m-l{margin:1.5em}.m-xl{margin:1.75em}.m-xxl{margin:2em}.m-l-xxs{margin-left:.5em}.m-l-xs{margin-left:.75em}.m-l-s{margin-left:1em}.m-l{margin-left:1.25em}.m-l-m{margin-left:1.5em}.m-l-l{margin-left:1.75em}.m-l-xl{margin-left:2em}.m-l-xxl{margin-left:2.25em}.m-r-xxs{margin-right:.5em}.m-r-xs{margin-right:.75em}.m-r-s{margin-right:1em}.m-r{margin-right:1.25em}.m-r-m{margin-right:1.5em}.m-r-l{margin-right:1.75em}.m-r-xl{margin-right:2em}.m-r-xxl{margin-right:2.25em}.m-t-xxs{margin-top:.25em}.m-t-xs{margin-top:.5em}.m-t-s{margin-top:.75em}.m-t{margin-top:1em}.m-t-m{margin-top:1.25em}.m-t-l{margin-top:1.5em}.m-t-xl{margin-top:1.75em}.m-t-xxl{margin-top:2em}.m-b-xxs{margin-bottom:.25em}.m-b-xs{margin-bottom:.5em}.m-b-s{margin-bottom:.75em}.m-b{margin-bottom:1em}.m-b-m{margin-bottom:1.25em}.m-b-l{margin-bottom:1.5em}.m-b-xl{margin-bottom:1.75em}.m-b-xxl{margin-bottom:2em}.m-x-xxs{margin-left:.5em;margin-right:.5em}.m-x-xs{margin-left:.75em;margin-right:.75em}.m-x-s{margin-left:1em;margin-right:1em}.m-x{margin-left:1.25em;margin-right:1.25em}.m-x-m{margin-left:1.5em;margin-right:1.5em}.m-x-l{margin-left:1.75em;margin-right:1.75em}.m-x-xl{margin-left:2em;margin-right:2em}.m-x-xxl{margin-left:2.25em;margin-right:2.25em}.m-y-xs,.m-y-xxs{margin-top:.25em;margin-bottom:.25em}.m-y-s{margin-top:.75em;margin-bottom:.75em}.m-y{margin-top:1em;margin-bottom:1em}.m-y-m{margin-top:1.25em;margin-bottom:1.25em}.m-y-l{margin-top:1.5em;margin-bottom:1.5em}.m-y-xl{margin-top:1.75em;margin-bottom:1.75em}.m-y-xxl{margin-top:2em;margin-bottom:2em}.fs-xxs{font-size:.625em}.fs-xs{font-size:.75em}.fs-s{font-size:.875em}.fs{font-size:1em}.fs-m{font-size:1.25em}.fs-l{font-size:1.5em}.fs-xl{font-size:1.75em}.fs-xxl{font-size:2em}.e-404{height:100%;width:100%;display:flex;flex-direction:column;border-radius:0 0 10% 10%;font-family:monospace;overflow:hidden}.e-404 .head{display:flex;height:30%;justify-content:space-evenly;align-items:center;background:#77959e}.e-404 .head .dot-1,.e-404 .head .dot-2{padding-bottom:10%;width:10%;background:#fff}.e-404 .head .bar-1{width:50%;padding-bottom:10%;background:#62808c;border-radius:200px}.e-404 .body{display:flex;background:#ccc;height:70%;color:#48c8ef;align-items:center;justify-content:center}.auto-refresh{position:-webkit-sticky;position:sticky;width:100%}.auto-refresh .controls{position:absolute;display:flex;align-items:center;justify-content:flex-end;padding:1em 0;height:auto;width:100%;z-index:9999;background:#273759;transform:translateY(-100%);transition:1s ease;box-shadow:1px 0 1px 0 rgba(33,45,68,.8)}.auto-refresh .controls.show{transform:translateY(0);transition:1s ease;box-shadow:2px 0 12px 0 rgba(33,45,68,.8)}.auto-refresh .controls .content{display:flex;align-items:center;margin:0 1em}.auto-refresh .controls label.label{color:#fff;font-weight:700;margin-right:.5em}.auto-refresh .controls span.status{font-size:12px;font-weight:700;padding-left:.5em;padding-right:.5em}.auto-refresh .controls span.status.enable{color:#64dd17}.auto-refresh .controls span.status.disable{color:#ff1744}.auto-refresh .controls .css-15k3avv{z-index:99999}.auto-refresh .controls .bottom-hanger{position:absolute;bottom:0;transform:translate(-50%,calc(100% - 1px));left:50%;padding:7px 15px 10px;border-radius:0 0 8px 8px;background:#273759;color:#fff;box-shadow:0 0 1px 0 rgba(33,45,68,.5);transition:.3s linear}.auto-refresh .controls .bottom-hanger:hover{box-shadow:0 2px 3px 2px rgba(33,45,68,.5);transition:.2s ease-in}.auto-refresh .controls .bottom-hanger:after,.auto-refresh .controls .bottom-hanger:before{content:"";display:block;height:1em;width:1em;border-left:8px solid transparent;border-top:8px solid transparent;border-radius:9px;border-color:#273759 transparent transparent #273759;border-style:solid;border-width:4px 8px 8px 4px;position:absolute}.auto-refresh .controls .bottom-hanger:before{transform:rotate(90deg);top:-4px;left:-12px}.auto-refresh .controls .bottom-hanger:after{transform:rotate(0deg);top:-4px;right:-12px}.auto-refresh .controls .bottom-hanger span{display:flex}.auto-refresh .controls .bottom-hanger span b{font-size:20px;transform:translateY(-7px);padding:0 7px;height:8px}.feui-card{display:flex;flex-direction:column;justify-content:space-between;color:#232643;box-shadow:0 0 2px 0 hsla(0,0%,50.2%,.9);transition:.3s;padding:0;border:none;outline:none;background:transparent;margin:0}.feui-card .body,.feui-card .footer,.feui-card .header{flex:1 1}.feui-card .body.header,.feui-card .footer.header,.feui-card .header.header{box-shadow:0 1px 1px -1px hsla(0,0%,50.2%,.9)}.feui-card .body.footer,.feui-card .footer.footer,.feui-card .header.footer{box-shadow:0 -1px 1px -1px hsla(0,0%,50.2%,.9)}.feui-countdown{display:flex}.error-400{background:url(/static/media/thunder-truck.823395a3.jpg) no-repeat 50%,hsla(0,0%,100%,.25)}.error-401{background:url(/static/media/unauth.a2edbbb9.jpg) no-repeat 0,hsla(0,0%,100%,.25)}.error-403,.error-408{background:#ef32d9;background:linear-gradient(45deg,#ef32d9,#89fffd)}.error-404{background:url(/static/media/red-toy-truck.0caaebb6.jpg) no-repeat 0,hsla(0,0%,100%,.25)}.error-500{background:url(/static/media/shattered.32379a0b.jpg) no-repeat 0,hsla(0,0%,100%,.35)}.error-400,.error-401,.error-403,.error-404,.error-408,.error-500{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background-size:cover;background-blend-mode:overlay}.error-400 .error-code-img,.error-401 .error-code-img,.error-403 .error-code-img,.error-404 .error-code-img,.error-408 .error-code-img,.error-500 .error-code-img{height:25vmin;width:25vmin;font-size:10vmin;margin-top:10vh}.error-400 .content,.error-401 .content,.error-403 .content,.error-404 .content,.error-408 .content,.error-500 .content{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:rgba(72,200,239,.9);width:60vw;margin:0 auto;mix-blend-mode:color-dodge;padding:5vmin 0}.error-400 .content p,.error-401 .content p,.error-403 .content p,.error-404 .content p,.error-408 .content p,.error-500 .content p{font-family:sans-serif;margin:1vh 0}.error-400 .content p.h3,.error-401 .content p.h3,.error-403 .content p.h3,.error-404 .content p.h3,.error-408 .content p.h3,.error-500 .content p.h3{font-size:1.75em;margin-bottom:1.5vh}.error-400 .content p b,.error-401 .content p b,.error-403 .content p b,.error-404 .content p b,.error-408 .content p b,.error-500 .content p b{display:inline-block;padding:2px 4px 1px;background:hsla(0,0%,80%,.2);border-radius:50%;transform:rotate(60deg)}.error-400 .content p a,.error-401 .content p a,.error-403 .content p a,.error-404 .content p a,.error-408 .content p a,.error-500 .content p a{padding:1vmin 3vmin;text-decoration:none;border-radius:2px;color:rgba(119,149,158,.9);background:hsla(0,0%,80%,.2);display:inline-flex}.error-400 .content code,.error-401 .content code,.error-403 .content code,.error-404 .content code,.error-408 .content code,.error-500 .content code{color:rgba(98,128,140,.9);font-weight:900;box-shadow:0 0 2px 0 rgba(98,128,140,.3);background:rgba(98,128,140,.2)}.feui-search-select.hzl{position:relative;display:flex;width:100%;max-height:400px;align-items:center;padding:0;color:#fff}.feui-search-select.hzl label{padding:0 10px;text-transform:capitalize}.feui-button{display:flex;color:#333;font-size:16px;flex-direction:row;justify-content:space-between;border:none;outline:none;background:transparent;margin:0;width:auto;font-weight:400;cursor:pointer;touch-action:manipulation;-ms-touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-radius:1px;padding:1em 3em;box-shadow:0 0 2px 0 hsla(0,0%,50.2%,.9)}.feui-button div.left{text-align:left;margin-right:10px}.feui-button div.center{margin-right:10px}.feui-button div.right{text-align:right}.feui-button.primary{color:#fff;background-color:rgba(51,115,167,.9)}.feui-button.primary:disabled{color:hsla(0,0%,100%,.9);background-color:rgba(51,115,167,.3)}.feui-button.success{color:#fff;background-color:rgba(92,184,92,.9)}.feui-button.success:disabled{color:hsla(0,0%,100%,.9);background-color:rgba(92,184,92,.3)}.feui-button.info{color:#fff;background-color:rgba(91,192,222,.9)}.feui-button.info:disabled{color:hsla(0,0%,100%,.9);background-color:rgba(91,192,222,.3)}.feui-button.warning{color:#fff;background-color:rgba(240,172,78,.9)}.feui-button.warning:disabled{color:hsla(0,0%,100%,.9);background-color:rgba(240,172,78,.3)}.feui-button.danger{color:#fff;background-color:rgba(217,83,79,.9)}.feui-button.danger:disabled{color:hsla(0,0%,100%,.9);background-color:rgba(217,83,79,.3)}.feui-button.link{color:rgba(51,122,183,.9);border-radius:0;box-shadow:none}.feui-button.link:disabled{color:rgba(51,122,183,.3)}.transparent{opacity:0}.fade-a{-webkit-animation:fi;animation:fi;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fade-b{-webkit-animation:fis;animation:fis;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fi{0%{opacity:0}to{opacity:1}}@keyframes fi{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fis{0%{opacity:0}to{opacity:1}}@keyframes fis{0%{opacity:0}to{opacity:1}}.lg{font-size:20px;padding:1.25em 3.75em}.md{font-size:18px;padding:1.125em 3.375em}.p{padding:1em 3em}.sm{font-size:14px;padding:.75em 2.25em}.xs{font-size:12px;padding:.5em 1.5em}.xxs{font-size:10px;padding:.25em .75em}.real-time-cards{color:#000;display:grid;background-color:#fff;border-radius:5px;overflow:hidden;overflow:auto}@media screen and (min-width:769px){.real-time-cards{grid-template-columns:25% auto 25%;grid-template-areas:"trip-detail-wrapper  timeline exception-wrapper"}}@media screen and (min-width:426px) and (max-width:768px){.real-time-cards{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,50%);grid-template-areas:"timeline timeline" "trip-detail-wrapper exception-wrapper"}}@media screen and (max-width:426px){.real-time-cards{grid-template-rows:repeat(3,1fr);grid-template-areas:"timeline" "trip-detail-wrapper" "exception-wrapper"}}.real-time-cards>div{grid-template-rows:1fr 1fr;height:240px}.real-time-cards>div.trip-detail-wrapper{grid-area:trip-detail-wrapper}.real-time-cards>div.timeline{grid-area:timeline}.real-time-cards>div.exception-wrapper{grid-area:exception-wrapper}.real-time-cards>div>div:first-child{height:40%}.real-time-cards>div>div:nth-child(2){height:60%}.real-time-cards>div>div:last-child{background:#e9ecf6;box-shadow:inset 0 20px 30px -40px rgba(0,0,0,.5)}@media screen and (max-width:768px){.real-time-cards .timeline.d-none{display:none}}.real-time-cards .timeline .awaiting-timer{width:100%;background:#fff;display:flex;align-items:center;justify-content:center}.real-time-cards .timeline .awaiting-timer.d-none div{display:none}.real-time-cards .timeline>div{position:relative}.real-time-cards .timeline>div .timeline-design{display:flex;justify-content:space-between;position:absolute;width:90%;height:2px;background-color:grey;margin-left:5%;margin-right:5%}.real-time-cards .timeline>div .timeline-design.d-none{display:none}.real-time-cards .timeline>div .timeline-design .timeline-stages{height:20px;width:20px;border-radius:50%;background:grey;display:block;margin:-8px;font-size:8px}.real-time-cards .timeline>div .timeline-design .timeline-stages.done{display:flex;justify-content:center;align-items:center;background-color:#49b754;color:#fff}.real-time-cards .timeline>div .timeline-stages-desc{display:flex;justify-content:space-between;width:100%;background:#e9ecf6;box-shadow:inset 0 20px 30px -40px rgba(0,0,0,.5),3px 0 1px 0 #e9ecf6;padding-top:1.25em}.real-time-cards .timeline>div .timeline-stages-desc>div{display:flex;flex-direction:column;text-align:center;max-width:100px;width:100px;overflow:hidden}.real-time-cards .timeline>div .timeline-stages-desc>div:last-child{text-align:right}.real-time-cards .timeline>div .timeline-stages-desc>div:first-child{text-align:left}.real-time-cards .timeline>div .timeline-stages-desc>div .description{color:#4a4848;font-size:13px}.real-time-cards .driver-details{display:flex;align-items:center;overflow:hidden;justify-content:flex-end}.real-time-cards .value{color:rgba(0,0,0,.6);font-size:12px;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.real-time-cards .alert-name{display:flex;font-weight:900;font-size:14px;margin:.25em 0 0}.real-time-cards .exception .heading{color:#e73e49}.real-time-cards .exception .info{font-size:12px;color:#737373;overflow-y:auto;margin-top:5px}.real-time-cards .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.real-time-cards .text-overflow span{font-size:12px;color:grey}.real-time-cards .text-overflow span:first-child{display:contents}.real-time-cards .text-overflow span:last-child{margin-left:10px}.real-time-cards .text-overflow span.titleText{font-size:13px;color:#000}.real-time-cards .trip-details{display:flex;flex-direction:column;justify-content:normal;padding:.75em}.performance-builder{display:flex;flex-direction:column;padding-left:25px;padding-right:25px;height:100vh}.performance-builder .header{display:flex;padding:20px 0;justify-content:space-between;height:90px}.performance-builder .header .heading{padding:10px 0;font-size:22px;color:#fff;font-weight:900}.performance-builder .go-back{display:inline-block;font-size:22px;font-weight:900;margin-bottom:10px;color:#fbfbfb;cursor:pointer;line-height:.7}.performance-builder .view-report-history{background:#1bacfb;font-weight:700;display:inline-flex;align-items:center}.performance-builder .view-report-history:disabled{background:rgba(27,172,251,.5);color:grey}.performance-builder .view-report-history.round{background:#0c1429;color:#fff;border-radius:30px;margin:0 5px}.performance-builder .reports-listing{max-height:calc(100vh - 95px)}.performance-builder .reports-listing .reports{display:flex;align-items:center;margin:15px 0;padding:15px 25px;box-shadow:0 0 2px 0 hsla(0,0%,50.2%,.4)}.performance-builder .reports-listing .reports .details{display:inline-flex;flex-direction:column;width:80%}.performance-builder .reports-listing .reports .details .title{padding:7px 0 5px;font-size:28px;font-weight:900;letter-spacing:.5px}.performance-builder .reports-listing .reports .details .last-saved{font-size:14px;font-weight:400;color:#726f79;letter-spacing:normal}.performance-builder .reports-listing .reports .actions{display:inline-flex;width:200px;justify-content:space-around;height:100%}.performance-builder .reports-listing .reports .actions .download{display:flex;height:30px}.performance-builder .reports-listing .reports .actions .download.loader{-webkit-animation:spin 1s ease infinite;animation:spin 1s ease infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.performance-builder .reports-listing .reports .actions .to-graph{transform:rotate(-90deg)}.performance-builder .filter-panel{border-radius:4px;background:#fbfbfb;padding:30px;max-height:calc(100vh - 95px);overflow:auto}.performance-builder .filter-panel.loading{min-height:80vh;padding-top:40vh;text-align:center;font-size:34px;font-weight:900}.performance-builder .filter-panel .filter-section{padding:20px 10px;border-bottom:1px solid grey;transition:.6s ease}.performance-builder .filter-panel .filter-section .add-filter{background:transparent;border:1px solid hsla(0,0%,47.1%,.4);border-radius:3px;padding:7px 15px;transition:.6s ease;background:#1bacfb;color:#242643}.performance-builder .filter-panel .filter-section .add-filter:hover{background:#76caf9;color:#223;transition:.6s ease}.performance-builder .filter-panel .filter-section:last-child{border-bottom:0 solid transparent}.performance-builder .filter-panel .filter-section:hover{background:#ededed;transition:.6s ease}.performance-builder .filter-panel .filter-section b{font-size:20px;color:#1bacfb}.performance-builder .filter-panel .filter-section .heading-filter{display:flex;justify-content:space-between}.performance-builder .filter-panel .filter-section .heading-filter span.filter-section-heading{display:inline-block;font-size:18px;font-weight:900;padding-bottom:10px}.performance-builder .filter-panel .filter-section .heading-filter span.filter-section-heading small{font-size:14px}.performance-builder .filter-panel .filter-section .heading-filter .select-input{display:flex;justify-content:space-between;align-items:center;width:300px}.performance-builder .filter-panel .filter-section .heading-filter .select-input code{padding:4px 10px;border-radius:3px;border:1px solid #1babfa;color:#1babfa;transition:.4s ease;font-size:11px}.performance-builder .filter-panel .filter-section .heading-filter .select-input code.all{transition:.6s ease;border:1px solid hsla(0,0%,50.2%,.4);color:#fff;background:#1babfa}.performance-builder .filter-panel .filter-section .heading-filter .input-wrapper{display:flex;border:1px solid hsla(0,0%,50.2%,.3);border-radius:3px;width:200px;align-items:center;padding-right:5px;height:26px;background:#fff}.performance-builder .filter-panel .filter-section .heading-filter .input-wrapper input{padding:2px 10px;border:1px solid hsla(0,0%,50.2%,0);border-radius:4px;font-size:12px;width:190px;outline:none;display:block;background:transparent}.performance-builder .filter-panel .filter-section .options{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px 0;font-size:13px}.performance-builder .filter-panel .filter-section .options.value{background:#ededed;max-height:20vh;overflow-y:auto}.performance-builder .filter-panel .filter-section .options.actions{display:flex;justify-content:space-between}.performance-builder .filter-panel .filter-section .options .icon{display:inline-flex;justify-content:center;align-items:center;height:14px;width:14px;font-size:12px;border:2px solid #1bacfb;background:transparent}.performance-builder .filter-panel .filter-section .options .icon.active{background:#1bacfb}.performance-builder .filter-panel .filter-section .options .option-radio{display:inline-flex;position:relative;align-items:center;padding:7px 15px 8px;background:#242643;color:#fff;border-radius:20px;margin:5px 10px;width:-webkit-max-content;width:-moz-max-content;width:max-content;box-sizing:content-box}.performance-builder .filter-panel .filter-section .options .option-radio .icon{border-radius:9px;color:#242643}.performance-builder .filter-panel .filter-section .options .option-radio span.and{margin:0 10px;width:6px;height:6px;border-radius:3px;background:#fff}.performance-builder .filter-panel .filter-section .options .option-radio ul{display:flex;width:200px;flex-wrap:wrap;position:absolute;padding:5px;min-width:50px;background:#242643;top:100%;left:5px;overflow-y:auto;border:10px solid #232541;border-radius:10px}.performance-builder .filter-panel .filter-section .options .option-radio ul.d-none{display:none}.performance-builder .filter-panel .filter-section .options .option-radio ul li{min-width:35px;padding:2px 6px;text-align:center;border:1px solid #232541;border-radius:5px}.performance-builder .filter-panel .filter-section .options .option-radio ul li:hover{background:#14141b}.performance-builder .filter-panel .filter-section .options .option-checkbox{border-radius:4px;padding:.7vh 2vh;background:#fff;margin:.5vh 1vh;display:inline-flex}.performance-builder .filter-panel .filter-section .options .option-checkbox .icon{border-radius:2px;color:#fff}.performance-builder .filter-panel .filter-section .options .option-name{margin-left:5px;text-transform:capitalize}.performance-builder .filter-panel .filter-section .options .report-name-input{padding:10px 15px;border:0;background:#242643;color:#fff;outline:none;border-radius:20px}.performance-builder .filter-panel .filter-section .options .report-name-input::-webkit-input-placeholder{color:#1bacfb;opacity:1}.performance-builder .filter-panel .filter-section .options .report-name-input::-ms-input-placeholder{color:#1bacfb;opacity:1}.performance-builder .filter-panel .filter-section .options .report-name-input::placeholder{color:#1bacfb;opacity:1}.performance-builder .graphs-container{padding-left:15px;padding-right:15px;margin-top:5px;margin-bottom:5px}.performance-builder .graphs-container .metric{color:#fff;text-transform:capitalize;font-size:24px}.performance-builder .graphs-container .graph{background:#fbfbfb;width:100%;padding:10px;margin-top:15px;margin-bottom:15px;border-radius:5px;min-height:300px}.performance-builder .graphs-container .graph .details{display:flex;justify-content:space-between;align-items:center;overflow:hidden}.performance-builder .graphs-container .graph .details label{text-transform:capitalize;white-space:nowrap;margin-right:10px}.performance-builder .graphs-container .graph .details .across-param{margin-right:5px}.performance-builder .graphs-container .graph .details .legends{overflow:auto;text-transform:capitalize;display:inline-flex;margin-top:2px}.performance-builder .graphs-container .graph .details .legends .legend{font-size:16px;display:inline-flex;align-items:center}.performance-builder .graphs-container .graph .details .legends .legend .legend-color{display:inline-block;height:8px;width:20px;margin-right:10px}.performance-builder .graphs-container .graph .details .legends .legend .legend-name{margin-right:20px;white-space:nowrap}.d-none{display:none}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent}body{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:#4c5871}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}article,aside,details,figure,footer,header,main,nav,section,summary{display:block}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}embed,img,object{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #535e75;cursor:help}table{border-collapse:separate;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after{content:" ";display:block;clear:both}
/*# sourceMappingURL=main.4cd444ef.chunk.css.map */