body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Montserrat,sans-serif;height:100vh;width:100%}.Toast{animation:slideUp 5s;background:#fff;border-radius:5px;bottom:1.5rem;box-shadow:0 2px 8px 0 #63636333;height:70px;left:1.5rem;position:absolute;text-align:center;transform:translateX(-500px);width:330px}.Toast .Content{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:10px}.Toast .Content .Title{color:#5a5a5a;font-size:14px;font-weight:600}.Toast .Content .Message{font-size:12px;font-weight:400;margin-top:.3rem;text-align:left}.Toast .Progress{animation:progressBar 5s ease-in-out;animation-fill-mode:both;bottom:0;height:3px;position:absolute;width:100%}@keyframes progressBar{0%{width:100%}to{width:0}}.Toast .Control i{color:#dfe4ea;cursor:pointer}.Toast .Control i:hover{color:#ced6e0;transition:all .5s}@keyframes slideUp{0%,to{-webkit-transform:translateX(-500px)}10%,90%{-webkit-transform:translateY(0)}}.AppLoader{align-items:center;display:flex;height:130px;justify-content:center;width:130px}.AppLoader .loader-circle{border-radius:50%;box-shadow:inset 0 0 0 1px #aecfc4;width:120px}.AppLoader .loader-circle,.AppLoader .loader-line-mask{height:120px;left:50%;margin-left:-60px;margin-top:-60px;position:absolute;top:50%}.AppLoader .loader-line-mask{animation:rotate 1.2s linear infinite;-webkit-mask-image:-webkit-linear-gradient(top,#000,#0000);overflow:hidden;transform-origin:60px 60px;width:60px}.AppLoader .loader-line-mask .loader-line{border-radius:50%;box-shadow:inset 0 0 0 1px #30b888;height:120px;width:120px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.AppLoader img{width:36px}.MasterLayout{display:flex;height:100%}.MasterLayout .AppLoaderCon{align-items:center;background:#fff;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.MasterLayout .MasterBody{background-color:#fff;flex:1 1;height:100vh}.MasterLayout .MasterBody .Content{bottom:.4rem;display:flex;left:.4rem;overflow:hidden;padding:14px;position:absolute;right:.4rem;top:3rem}.Header{border-bottom:1px solid #e5e5e5;box-sizing:border-box;height:3rem;justify-content:space-between;min-height:3rem;padding:0 10px}.Header,.Header .LeftContent{display:flex}.Header .LeftContent .ImgContainer{box-sizing:border-box;margin-right:2rem;padding:10px}.Header .LeftContent .ImgContainer img{height:100%}.Header .RightContent{align-items:center;display:flex}.Header .RightContent .Setting{cursor:pointer;margin-right:30px}.Header .RightContent .Setting i{color:#8a8a8a;font-size:24px}.Header .RightContent #intellicarSSODropWidget{align-items:center;display:flex}.FeatureTab{display:flex;padding:0 10px}.FeatureTab ul{display:flex;list-style:none;margin:0;padding:0}.FeatureTab ul li{align-items:center;color:#8a8a8a;cursor:pointer;display:flex;font-size:14px;font-weight:600;margin-right:1.5rem;padding:0 14px;position:relative}.FeatureTab ul li:after{border-bottom:3px solid #e62f4d;bottom:0;content:"";display:block;left:0;opacity:0;position:absolute;right:0;transition:transform .25s ease-in-out}.FeatureTab ul .active{color:#252525}.FeatureTab ul .active:after{opacity:1}.ChargeTracker{display:flex;flex:1 1;flex-direction:column}.ChargeTracker .ControlPanel .UpControlPanel{display:flex;justify-content:space-between}.ChargeTracker .ControlPanel .UpControlPanel .LiveControl{align-items:center;background:#fff;border-radius:20px;box-shadow:0 0 42.9301px #0000001c;box-sizing:border-box;cursor:pointer;display:flex;height:1.7rem;padding:0 5px;width:5.5rem}.ChargeTracker .ControlPanel .UpControlPanel .LiveControl i{color:#e62f4d;font-size:18px;margin-right:8px;margin-top:1px}.ChargeTracker .ControlPanel .UpControlPanel .LiveControl span{color:#8a8a8a;font-size:14px;font-weight:500}.ChargeTracker .ControlPanel .UpControlPanel .RightControl{align-items:center;display:flex}.ChargeTracker .ControlPanel .UpControlPanel .RightControl .button{background-color:#fff;box-shadow:0 4px 12px #0000001a;height:2rem;width:3rem}.ChargeTracker .ControlPanel .UpControlPanel .RightControl .FetchButton,.ChargeTracker .ControlPanel .UpControlPanel .RightControl .button{align-items:center;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;margin-right:1rem}.ChargeTracker .ControlPanel .UpControlPanel .RightControl .FetchButton{background-color:#e62f4d;height:40px;width:5rem}.ChargeTracker .ControlPanel .UpControlPanel .RightControl .disableButton{opacity:.5;pointer-events:none}.ChargeTracker .ControlPanel .DownControlPanel{display:flex;justify-content:space-between;margin-right:20px;margin-top:11px;width:100%}.ChargeTracker .ControlPanel .DownControlPanel .DataInfoLeft{align-items:center;color:#252525;display:flex;font-size:.8rem;font-weight:600;justify-content:flex-end;width:15%}.ChargeTracker .ControlPanel .DownControlPanel .DataInfoCenter{align-items:center;color:#252525;display:flex;font-size:.8rem;font-weight:600;letter-spacing:.5px}.ChargeTracker .ControlPanel .DownControlPanel .DataInfoCenter .hni-icon{background:#fff3;border:1px solid #0000;border-radius:13px;color:gray;font-size:12px;text-align:center;width:15px}.ChargeTracker .ControlPanel .DownControlPanel .DataInfoRight{align-items:center;color:#252525;display:flex;font-size:.8rem;font-weight:600;justify-content:flex-end;width:15%}.ChargeTracker .Widgets{display:flex;flex:1 1;flex-wrap:wrap;justify-content:space-between;margin-top:1.5rem}.ChargeTracker .Widgets .loader{background:#0000;border:6px solid #27c992;border-radius:50%;box-shadow:0 0 20px #00000080;color:#3e3e3d;font-family:sans-serif;font-size:10px;height:100px;left:50%;letter-spacing:4px;line-height:100px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);width:100px}.ChargeTracker .Widgets .loader span{animation:animate 2s linear infinite;background:#0000;display:block;height:4px;left:50%;position:absolute;top:calc(50% - 2px);transform-origin:left;width:50%}.ChargeTracker .Widgets .loader span:before{background:#fff000;border-radius:50%;box-shadow:0 0 20px #fff000;content:"";height:16px;position:absolute;right:-8px;top:-6px;width:16px}.ChargeTracker .Widgets .loader:before{animation:animateC 2s linear infinite;border-right:3px solid #0000;border-top:3px solid #0000;border-color:#e62f4d #e62f4d #0000 #0000;border-radius:50%;border-style:solid;border-width:6px 6px 3px 3px;content:"";height:100%;left:-3px;position:absolute;top:-3px;width:100%}.DateTimePicker{float:left;margin-right:1rem;position:relative}.DateTimePicker *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.DateTimePicker .MuiPickersToolbar-toolbar{background-color:#e62f4d}.dtp-input{align-items:center;border:1px solid #e4e2e2;border-radius:4px;display:flex;float:left;height:2rem;overflow:hidden;width:11.5rem}.dtp-input input{border:none;box-sizing:border-box;color:#595959;cursor:pointer;font-size:11px;font-weight:600;height:2rem;padding:0 10px;text-transform:uppercase;width:85%}.dtp-input input:focus{outline:none}.dtp-input .withBack{background-color:#e62f4d;color:#fff;margin-right:8px}.dtp-input i{color:#595959;cursor:pointer}.MuiInputBase-root{height:40px}.WidgetContainer{background:#fff;border-radius:5px;box-shadow:0 0 42.9301px #00000012;height:49%;margin-bottom:1rem;min-height:13rem;min-width:26rem;position:relative;width:32%}.WidgetContainer .WidgetHeader{box-sizing:border-box;display:flex;height:2rem;justify-content:space-between;padding:.938rem 1rem}.WidgetContainer .WidgetHeader .Title{color:#252525;font-size:12px;font-weight:600}.WidgetContainer .WidgetHeader .RightControl{display:flex}.WidgetContainer .WidgetHeader .RightControl i{cursor:pointer}.WidgetContainer .WidgetContent{align-items:center;bottom:0;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;left:0;padding:10px 12px;position:absolute;right:0;top:2rem}.WidgetContainer .WidgetContent .WidgetControl{display:flex;height:13%;justify-content:flex-end;margin:5px 0;width:100%}.WidgetContainer .WidgetContent .WidgetControl .WidgetTab ul{display:flex;list-style:none;margin:0;padding:0}.WidgetContainer .WidgetContent .WidgetControl .WidgetTab ul li{color:#7e7e7e;cursor:pointer;font-size:12px;font-weight:500;min-width:30px;padding:4px 8px;text-align:center}.WidgetContainer .WidgetContent .WidgetControl .WidgetTab ul .active{border-bottom:2px solid #eb5971;color:#252525;font-weight:700}.WidgetContainer .WidgetContent .ContentContainer{align-items:center;display:flex;height:85%;width:100%}.WidgetContainer .WidgetContent .ContentContainer .GraphView{height:100%;width:100%}.WidgetContainer .WidgetContent .ContentContainer .NumStats{align-items:center;color:#5ce3b5;display:flex;font-size:86.86px;font-style:normal;font-weight:500;height:100%;justify-content:center;width:100%}.WidgetContainer .WidgetContent .ContentContainer .ChartArea{height:100%;width:50%}.WidgetContainer .WidgetContent .ContentContainer .LegendArea{align-items:flex-end;display:flex;flex-direction:column;width:50%}.WidgetContainer .WidgetContent .ContentContainer .LegendArea .Legend{border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.5rem;min-width:9rem;padding:2px 10px;transition:all .4s;width:9rem}.WidgetContainer .WidgetContent .ContentContainer .LegendArea .Legend .LegendTitle{align-items:center;display:flex}.WidgetContainer .WidgetContent .ContentContainer .LegendArea .Legend .LegendTitle i{color:#252525;margin-right:5px}.WidgetContainer .WidgetContent .ContentContainer .LegendArea .Legend .LegendTitle span{color:#252525;font-size:11px;font-weight:600}.WidgetContainer .WidgetContent .ContentContainer .LegendArea .Legend .LegendValue{align-items:center;color:#252525;display:flex;font-size:11px;font-weight:600}.WidgetContainer .WidgetContent .ContentContainer .LegendArea .legendAnimate{color:#fff;transition:all .4s;width:10.5rem}.WidgetContainer .WidgetContent .ContentContainer .tableView{height:100%;margin-bottom:10px;margin-top:5px;overflow:hidden;width:100%}.WidgetContainer .EventsView{height:100%;width:100%}.WidgetContainer .EventsView .EventsViewContainer{box-sizing:border-box;height:100%;overflow-y:auto;padding:.4rem}.WidgetContainer .EventsView .EventsViewContainer .EventBox{display:flex}.WidgetContainer .EventsView .EventsViewContainer .EventBox .EventBoxLeft{align-items:center;box-sizing:border-box;display:flex;padding:.3rem .5rem;width:40%}.WidgetContainer .EventsView .EventsViewContainer .EventBox .EventBoxLeft .EventNos{align-items:center;border:2px solid #e62f4d;border-radius:.25rem;display:flex;flex-direction:column;height:2.2rem;justify-content:center;width:2.2rem}.WidgetContainer .EventsView .EventsViewContainer .EventBox .EventBoxLeft .EventNos span:first-child{font-size:.5rem}.WidgetContainer .EventsView .EventsViewContainer .EventBox .EventBoxLeft .EventNos span:last-child{font-size:.688rem}.WidgetContainer .EventsView .EventsViewContainer .EventBox .EventBoxRight{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:.375rem .5rem;width:60%}.WidgetContainer .EventsView .EventsViewContainer .EventBox .EventBoxRight .StatsChip{display:flex;height:1.8rem;margin-bottom:.25rem}.WidgetContainer .EventsView .EventsViewContainer .EventBox .EventBoxRight .StatsChip div:first-child{align-items:center;border:1px solid #8e8e8e;border-bottom-left-radius:1.875rem;border-top-left-radius:1.875rem;display:flex;font-size:.6rem;justify-content:center;padding:.375rem;text-align:center;width:6.5rem}.WidgetContainer .EventsView .EventsViewContainer .EventBox .EventBoxRight .StatsChip div:last-child{align-items:center;background:#5ce3b5;border:.063rem solid #5ce3b5;border-bottom-right-radius:1.875rem;border-left:0;border-top-right-radius:1.875rem;display:flex;font-size:.6rem;justify-content:center;padding:.375rem;width:3.7rem}.WidgetContainer .EventsView .EventsViewContainer .EventBox .EventBoxRight .StatsChip:last-child{margin-bottom:0}.WidgetContainer .Modal{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:100}.WidgetContainer .Modal .ModalContent{background-color:#fefefe;background:#fff;border-radius:5px;height:70%;margin:auto;padding:20px;width:80%}.WidgetContainer .Modal .ModalContent .ModalHeader .close{color:#aaa;float:right;font-size:28px;font-weight:700}.WidgetContainer .Modal .ModalContent .ModalHeader .close:focus,.WidgetContainer .Modal .ModalContent .ModalHeader .close:hover{color:#000;cursor:pointer;text-decoration:none}.WidgetContainer .Modal .ModalContent .ModalContainer{height:100%;width:100%}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetControl{display:flex;flex-direction:column-reverse;padding-right:2rem}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetControl .SearchControl{margin-top:2rem;width:200px}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetTab{position:relative;top:25px}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetTab ul{display:flex;list-style:none;margin:0;padding:0}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetTab ul li{color:#7e7e7e;cursor:pointer;font-size:12px;font-weight:500;min-width:30px;padding:4px 8px;text-align:center}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetTab ul .active{border-bottom:2px solid #eb5971;color:#252525;font-weight:700}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView{align-items:center;display:flex;flex:1 1;height:90%;justify-content:center}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .ChartArea{height:250px;width:250px}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .GraphView{height:80%;width:60%}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .NumStats{align-items:center;color:#5ce3b5;display:flex;font-size:86.86px;font-style:normal;font-weight:500;height:100%;justify-content:center;width:100%}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .LegendArea{align-items:flex-end;display:flex;flex-direction:column;margin-left:4rem}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend{background:#f4f4f4;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.5rem;min-width:9rem;padding:2px 10px;width:9rem}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend .LegendTitle{align-items:center;display:flex}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend .LegendTitle i{color:#252525;margin-right:5px}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend .LegendTitle span{color:#252525;font-size:11px;font-weight:600}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend .LegendValue{align-items:center;color:#252525;display:flex;font-size:11px;font-weight:600}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .legendAnimate{background:#5ce3b5;color:#fff;padding:4px 14px;transition:all .4s;width:10.5rem}.WidgetContainer .Modal .ModalContent .ModalContainer .WidgetView .tableView{height:90%;margin-bottom:10px;margin-top:5px;overflow:hidden;width:100%}.WidgetContainer .sliceTooltip{background-color:#fff;box-shadow:0 7px 29px 0 #64646f33;height:70px;width:180px}.WidgetContainer .sliceTooltip .ListDis .Item{align-items:center;display:flex;justify-content:space-between;padding:6px 12px}.WidgetContainer .sliceTooltip .ListDis .Item .left{align-items:center;display:flex;justify-content:center}.WidgetContainer .sliceTooltip .ListDis .Item .left i{font-size:12px}.WidgetContainer .sliceTooltip .ListDis .Item .left span{font-size:11px;margin-left:4px}.WidgetContainer .sliceTooltip .ListDis .Item .right span{color:#252525;font-size:11px;font-weight:600}.Table-TooltipContainer .Table-TooltipBox{background:#000000b3;border-radius:5px;color:#fff;display:none;font-size:12px;left:61%;padding:5px;position:absolute;top:10%;width:5rem;z-index:99999}.Table-TooltipContainer .Table-TooltipBox.visible{display:block}.Table-TooltipContainer .Table-TooltipArrow{border:5px solid;border-color:#0000 #0000 #000000b3;left:-11%;margin-right:26px;position:absolute;top:8px;transform:rotate(-91deg)}.SearchBox{align-items:center;border:.031rem solid #00000026;border-radius:3px;box-sizing:border-box;display:flex;height:30px;padding:.188rem;width:100%}.SearchBox i{color:#c1c1c1;font-size:.625rem;font-weight:600;margin-left:.188rem;width:5%}.SearchBox input{border:none;color:#c1c1c1;font-size:.75rem;font-weight:600;height:100%;letter-spacing:.05rem;padding:.125rem .625rem;width:95%}.EmptyState{height:100%;width:100%}.EmptyState,.EmptyState .Container{align-items:center;display:flex;justify-content:center}.EmptyState .Container{flex-direction:column}.EmptyState .Container .Description{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:.6rem}.EmptyState .Container .Description .Title{color:#9e9c9c;font-size:18px;font-weight:600}.EmptyState .Container .Description .Desc{color:gray;font-size:12px;font-weight:500;margin-top:.3rem}.GroupNav{font-family:Montserrat}.GroupNav ::placeholder{font-family:Montserrat,sans-serif;font-weight:500}.GroupNav .h-nav-search{left:0;position:absolute;top:0;z-index:100}.GroupNav .h-nav-search .hns-input{height:30px;width:100%}.GroupNav .h-nav-search .hns-input input{border:1px solid #ddd;border-radius:13px;font-family:Montserrat;font-size:12px;height:100%;padding-left:15px;width:188px}.GroupNav .h-nav-search .hns-input input:focus{border-color:#359bde;outline:none}.GroupNav .h-nav-search .hns-list.active{display:block}.GroupNav .h-nav-search .hns-list{background:#fff;border:2px solid gray;border-radius:5px;box-shadow:1px 2px 3px #0000001a;display:none;margin-top:4px;max-height:300px;overflow-x:hidden;overflow-y:auto;padding:2px}.GroupNav .h-nav-search .hns-list .hnsl-item.active{color:#fff;cursor:pointer;font-family:gotham}.GroupNav .h-nav-search .hns-list .hnsl-item.active span{color:#fff!important}.GroupNav .h-nav-search .hns-list .hnsl-item{background:#fff;border:1px solid #0000;border-radius:13px;cursor:pointer;height:30px;padding:0 5px;width:100%}.GroupNav .h-nav-search .hns-list .hnsl-item:hover{background:#eaedf0;border:1px solid #0000;border-radius:13px;width:100%}.GroupNav .h-nav-search .hns-list .hnsl-item .hnsli-name{font-size:12px;height:30px;line-height:24px;padding-left:5px;white-space:nowrap}.GroupNav .h-nav-search .hns-list .hnsl-item .hnsli-name span{color:#ccc;font-size:80%;height:24px;line-height:24px;text-align:center;width:15px}.GroupNav .h-nav{height:26px;left:131px;position:relative;width:100%;z-index:100}.GroupNav .h-nav .hn-container{border:1px solid #ddd;border-radius:13px}.GroupNav .h-nav .hn-container,.GroupNav .h-nav .hn-container .hn-item{align-items:center;display:flex;height:32px;justify-content:center;position:relative}.GroupNav .h-nav .hn-container .hn-item{background:#fff;border-radius:13px;font-size:12px;line-height:26px}.GroupNav .h-nav .hn-container .hn-item:hover{background-image:linear-gradient(90deg,#359bde,#40b6f5);cursor:pointer}.GroupNav .h-nav .hn-container .hn-item:hover .hni-children{display:block}.GroupNav .h-nav .hn-container .hn-item:hover .hni-name{color:#fff;font-weight:600}.GroupNav .h-nav .hn-container .hn-item:hover .hni-icon{background:#fff3;color:#fff}.GroupNav .h-nav .hn-container .hn-item .hni-icon{border:1px solid #0000;border-radius:13px;color:gray;font-size:10px;height:26px;line-height:26px;position:absolute;right:-1px;text-align:center;top:3px;width:26px}.GroupNav .h-nav .hn-container .hn-item .hni-name{height:26px;line-height:25px;padding:0 30px 0 10px}.GroupNav .h-nav .hn-container .hn-item .hni-children{background:#fff;border:2px solid #c9c7c7;border-radius:6px;display:none;left:0;max-height:300px;min-width:100%;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;z-index:10000}.GroupNav .h-nav .hn-container .hn-item .hni-children .hnic-item.active:hover{background:#eaedf0}.GroupNav .h-nav .hn-container .hn-item .hni-children .hnic-item{border-radius:13px;height:26px;line-height:26px;padding:0 10px;text-align:left;white-space:nowrap;width:100%}.TripReport{display:flex;flex:1 1;flex-direction:column}.TripReport .ControlPanel .UpControl{display:flex;justify-content:space-between}.TripReport .ControlPanel .UpControl .LeftControl{display:flex;padding-left:2rem}.TripReport .ControlPanel .UpControl .LeftControl .trip-group-tree{display:flex;height:30px;position:relative}.TripReport .ControlPanel .UpControl .RightControl{display:flex;justify-content:center}.TripReport .ControlPanel .UpControl .RightControl .ControlButton{align-items:center;border:.5px solid #00000026;border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:1rem;width:2rem}.TripReport .ControlPanel .UpControl .RightControl .FetchButton{align-items:center;background-color:#e62f4d;border:0;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:40px;justify-content:center;margin-right:1rem;width:6rem}.TripReport .ControlPanel .UpControl .RightControl .disableButton{opacity:.5;pointer-events:none}.TripReport .ControlPanel .UpControl .downloadPopup{background:#fff;border-radius:6px;box-shadow:0 15px 25px #00000026,0 5px 10px #0000000d;display:flex;flex-direction:column;height:150px;position:fixed;right:35px;top:110px;transition:width 2s;width:400px;z-index:10}.TripReport .ControlPanel .UpControl .downloadPopup .title{align-items:center;background:#eb5971;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;display:flex;height:30px;justify-content:space-between;width:100%}.TripReport .ControlPanel .UpControl .downloadPopup .title .titleName{font-weight:500;margin-left:8px}.TripReport .ControlPanel .UpControl .downloadPopup .title .closeBtn{margin-right:8px}.TripReport .ControlPanel .UpControl .downloadPopup .title .closeBtn:hover{border-radius:50%;color:#000;cursor:pointer;margin-right:5px}.TripReport .ControlPanel .UpControl .downloadPopup .downloadButton{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:40px}.TripReport .ControlPanel .UpControl .downloadPopup .downloadButton span{align-items:center;background:#eb5971;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:30px;justify-content:center;width:110px}.TripReport .ControlPanel .DownControl{display:flex;justify-content:space-between;margin-left:2rem;margin-right:1rem;margin-top:1rem;width:100%}.TripReport .ControlPanel .DownControl .SearchContainer{height:2.125rem;width:13%}.TripReport .ControlPanel .DownControl .ControlCenter{align-items:center;color:#252525;display:flex;font-size:.8rem;font-weight:600}.TripReport .ControlPanel .DownControl .ControlCenter .hni-icon{background:#fff3;border:1px solid #0000;border-radius:13px;color:gray;font-size:12px;text-align:center;width:15px}.TripReport .ControlPanel .DownControl .ControlRight{align-items:center;color:#252525;display:flex;font-size:.8rem;font-weight:600;justify-content:center;letter-spacing:.5px;width:13%}.TripReport .ReportType{display:flex;justify-content:flex-end;margin-top:1rem;padding:0 15px}.TripReport .ReportType ul{display:flex;list-style:none}.TripReport .ReportType ul li{color:#7e7e7e;cursor:pointer;padding:4px 14px;text-align:center;width:34px}.TripReport .ReportType ul .active{border-bottom:2px solid #eb5971;color:#252525}.TripReport .ReportsContainer{display:flex;flex:1 1;flex-direction:column;margin-top:1rem;overflow-y:auto;padding:0 2rem}.TripReport .ReportsContainer .loader{background:#0000;border:6px solid #27c992;border-radius:50%;box-shadow:0 0 20px #00000080;color:#3e3e3d;font-family:sans-serif;font-size:10px;height:100px;left:50%;letter-spacing:4px;line-height:100px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);width:100px}.TripReport .ReportsContainer .loader span{animation:animate 2s linear infinite;background:#0000;display:block;height:4px;left:50%;position:absolute;top:calc(50% - 2px);transform-origin:left;width:50%}.TripReport .ReportsContainer .loader span:before{background:#fff000;border-radius:50%;box-shadow:0 0 20px #fff000;content:"";height:16px;position:absolute;right:-8px;top:-6px;width:16px}.TripReport .ReportsContainer .loader:before{animation:animateC 2s linear infinite;border-right:3px solid #0000;border-top:3px solid #0000;border-color:#e62f4d #e62f4d #0000 #0000;border-radius:50%;border-style:solid;border-width:6px 6px 3px 3px;content:"";height:100%;left:-3px;position:absolute;top:-3px;width:100%}.TripReport .ReportsContainer .ReportBoxContainer{display:flex;flex-direction:column}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox{align-items:center;background:#fff;border-radius:5px;box-shadow:0 0 43.3766px #0000001a;cursor:pointer;display:flex;height:52px;justify-content:center;margin-top:1rem;min-height:52px}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta{align-items:center;display:flex;padding:.125rem .625rem;width:25%}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .BoxNos{align-items:center;background:#dfdfdf;border-radius:7px;cursor:pointer;display:flex;font-size:9px;font-weight:500;height:1.5rem;justify-content:center;width:1.5rem}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .BoxNos-round{align-items:center;background:#dfdfdf;border-radius:50%;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:1.5rem;justify-content:center;width:1.5rem}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .Date{margin-left:2rem}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .Date svg{margin-right:1rem}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .Date svg path{fill:#eb5971;opacity:1}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .Date span{color:#eb5971;font-weight:500}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .VehicleData{margin-left:2rem}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .VehicleData ul{display:flex;list-style:none;margin:0;padding:0}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .VehicleData ul .firstItem{align-items:center;background:#eb5971;border-bottom-left-radius:.5rem;border-right:.125rem solid #fff;border-top-left-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:400;height:24px;justify-content:center;padding:.125rem .625rem;width:100px}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxMeta .VehicleData ul .secondItem{align-items:center;background:#eb5971;border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:400;height:1.5rem;justify-content:center;padding:.125rem .625rem;width:4.875rem}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxStats{cursor:pointer;display:flex;justify-content:flex-end;padding:0 1rem;width:75%}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxStats .Stats{display:flex;justify-content:center;width:8rem}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxStats .Stats .StatsColor{border-radius:50%;height:.375rem;margin-top:3px;width:.375rem}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxStats .Stats .StatsData{display:flex;flex-direction:column;margin-left:.375rem}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxStats .Stats .StatsData span:first-child{color:#8a8a8a;font-size:12px;font-weight:500}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox .BoxStats .Stats .StatsData span:last-child{color:#252525;font-size:12px;font-weight:500}.TripReport .ReportsContainer .ReportBoxContainer .ReportBox-TripDaily{padding-bottom:1.25rem;padding-left:1.875rem;padding-top:.625rem}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer{padding-bottom:1.25rem;padding-left:1.875rem;padding-top:1.25rem}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport{align-items:center;display:flex;flex-direction:row;margin-bottom:.625rem}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripNos{align-items:center;background:#dfdfdf;border-radius:50%;display:flex;font-size:12px;font-weight:500;height:1.5rem;justify-content:center;width:1.5rem}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripDetails{align-items:center;background:#f4f4f4;border-radius:5px;display:flex;flex:1 1;height:5rem;margin-left:1.5rem}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripDetails .TripTypeIcon{align-items:center;display:flex;justify-content:center;width:6rem}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripDetails .TripStats{display:flex;flex:1 1;height:100%}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripDetails .TripStats .StatsCol{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.75rem 0;width:11rem}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripDetails .TripStats .StatsCol .Stats{display:flex;justify-content:flex-start}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripDetails .TripStats .StatsCol .Stats .ColorBox{background:red;border-radius:50%;height:5px;margin-right:.313rem;margin-top:2px;width:5px}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripDetails .TripStats .StatsCol .Stats .Detail{display:flex;flex-direction:column}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripDetails .TripStats .StatsCol .Stats .Detail span:first-child{color:#8a8a8a;font-size:9px;font-weight:500;line-height:11px}.TripReport .ReportsContainer .ReportBoxContainer .TripContainer .TripReport .TripDetails .TripStats .StatsCol .Stats .Detail span:last-child{color:#252525;font-size:10px;font-weight:500;line-height:11px;margin-top:1px}.MultiSelect{height:40px;margin-right:1rem;position:relative;width:13.5rem}.MultiSelect .InputLabel{align-items:center;border:1px solid #e4e2e2;border-radius:.313rem;cursor:pointer;display:flex;height:100%;justify-content:space-between;padding:0 8px}.MultiSelect .InputLabel span{color:#595959;font-size:.75rem;font-weight:600}.MultiSelect .InputLabel i{align-self:center;color:#595959;margin-top:.125rem}.MultiSelect .ItemListContainer{background:#fff;border-radius:.313rem;box-shadow:0 8px 24px #959da533;display:none;flex-direction:column;height:20rem;left:0;position:absolute;right:0;top:2.125rem;z-index:1}.MultiSelect .ItemListContainer .SearchBoxContainer{display:flex;height:2rem;justify-content:center;margin-top:.25rem;padding:.5rem}.MultiSelect .ItemListContainer .SearchBoxContainer .BoxContainer{align-items:center;background-color:#f2f4f7;border-radius:.25rem;box-sizing:border-box;display:flex;margin-top:.2rem;padding:.188rem;width:100%}.MultiSelect .ItemListContainer .SearchBoxContainer .BoxContainer i{font-size:.625rem;margin-left:.188rem;width:10%}.MultiSelect .ItemListContainer .SearchBoxContainer .BoxContainer input{background-color:#f2f4f7;border:none;font-size:.75rem;padding:.125rem .625rem;width:90%}.MultiSelect .ItemListContainer .ItemList{box-sizing:border-box;flex:1 1;margin-bottom:.313rem;margin-top:.313rem;overflow-y:auto;padding:.313rem}.MultiSelect .ItemListContainer .ItemList .Item{align-items:center;border-bottom:1px solid #f2f4f7;cursor:pointer;display:flex;margin-bottom:.125rem;padding:.3rem 0}.MultiSelect .ItemListContainer .ItemList .Item span{color:#252525;font-size:12px;font-weight:500;margin-left:.5rem}.MultiSelect .ItemListContainer .ItemList .Item div{align-items:center;background:#f2f4f7;border-radius:50%;display:flex;font-size:8px;font-weight:500;height:20px;justify-content:center;width:20px}.MultiSelect .ItemListContainer .ItemList .active{color:#fff}.MultiSelect .ItemListContainer .ItemList .active div{background-color:#eb5971}.MultiSelect .ItemListContainer .ItemList .active span{color:#eb5971}.MultiSelect .ItemListContainer .mainAction{box-sizing:border-box;display:flex;flex-direction:column;margin-top:.1rem;padding:.375rem}.MultiSelect .ItemListContainer .mainAction .Row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.MultiSelect .ItemListContainer .mainAction .Row button{border:none;border-radius:.188rem;color:#252525;cursor:pointer;font-size:.625rem;font-weight:600;margin:0 6px;padding:.375rem;width:100%}.MultiSelect .ItemListContainer .mainAction .Row button:hover:not([disabled]){background:#eb5971;color:#fff;transition:all .3s}input:focus,select:focus,textarea:focus{outline:none}.TooltipContainer{position:relative}.TooltipBox{background:#000000b3;border-radius:5px;color:#fff;display:none;font-size:10px;padding:4px;position:absolute;top:calc(100% + 5px)}.TooltipBox.visible{display:block}.TooltipArrow{border:5px solid;border-color:#0000 #0000 #000000b3;left:50%;position:absolute;top:-10px}.TripInsight .ControlPanel .RightControl .ControlButton{height:40px}.TripInsight .ControlPanel .RightControl .FetchButton{height:2rem}.TripInsight .Modal .ModalContent .ModalHeading .heading{display:flex;margin-left:8px}.TripInsight .Modal .ModalContent .ModalHeading .heading div{width:25%}.TripInsight .Modal .ModalContent .ModalContainer{height:700px;width:100%}.TripInsight .Modal .ModalContent .ModalContainer .WidgetControl{display:flex;flex-direction:column-reverse;padding-right:2rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetControl .SearchControl{margin-top:2rem;width:200px}.TripInsight .Modal .ModalContent .ModalContainer .WidgetTab ul{display:flex;list-style:none;margin:0;padding:0}.TripInsight .Modal .ModalContent .ModalContainer .WidgetTab ul li{color:#7e7e7e;cursor:pointer;font-size:12px;font-weight:500;min-width:30px;padding:4px 8px;text-align:center}.TripInsight .Modal .ModalContent .ModalContainer .WidgetTab ul .active{border-bottom:2px solid #eb5971;color:#252525;font-weight:700}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView{align-items:center;display:flex;flex:1 1;height:700px;justify-content:center}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .GraphView{width:40%!important}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .ListView{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;width:60%}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .loader2{background:#0000;border:6px solid #27c992;border-radius:50%;box-shadow:0 0 20px #00000080;color:#3e3e3d;font-family:sans-serif;font-size:10px;height:100px;left:50%;letter-spacing:4px;line-height:100px;position:absolute;text-align:center;text-transform:uppercase;top:45%;transform:translate(-50%,-50%);width:100px}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .loader2 span{animation:animate 2s linear infinite;background:#0000;display:block;height:4px;left:50%;position:absolute;top:calc(50% - 2px);transform-origin:left;width:50%}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .loader2 span:before{background:#fff000;border-radius:50%;box-shadow:0 0 20px #fff000;content:"";height:16px;position:absolute;right:-8px;top:-6px;width:16px}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .loader2:before{animation:animateC 2s linear infinite;border-right:3px solid #0000;border-top:3px solid #0000;border-color:#e62f4d #e62f4d #0000 #0000;border-radius:50%;border-style:solid;border-width:6px 6px 3px 3px;content:"";height:100%;left:-3px;position:absolute;top:-3px;width:100%}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView{height:700px;margin-top:1rem;width:100%}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer{box-sizing:border-box;height:90%;overflow-y:auto;padding:1.2rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .DayBucketing{align-items:center;background:#fff;border-radius:4px;box-shadow:4px 12px 34px 5px #e6e5e5;display:flex;height:40px;margin-bottom:5px;margin-top:30px;padding:4px 20px}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .DayBucketing .date{background:#e62f4d;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox{background-color:#f3f3f3;display:flex;margin-bottom:.5rem;margin-left:3rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxLeft{align-items:center;box-sizing:border-box;display:flex;padding:.3rem .5rem;width:40%}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxLeft .EventNos{align-items:center;border:2px solid #e62f4d;border-radius:.25rem;display:flex;flex-direction:column;height:2.2rem;justify-content:center;width:2.2rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxLeft .EventNos span:first-child{font-size:.5rem;font-weight:500}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxLeft .EventNos span:last-child{font-size:.8rem;font-weight:500}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:.375rem .5rem;width:80%}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .StatsChip{display:flex;height:1.8rem;margin-bottom:.25rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .StatsChip div:first-child{align-items:center;border:1px solid #8e8e8e;border-bottom-left-radius:1.875rem;border-top-left-radius:1.875rem;display:flex;font-size:.63rem;justify-content:center;padding:.375rem;text-align:center;width:11rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .StatsChip div:last-child{align-items:center;background:#5ce3b5;border:.063rem solid #5ce3b5;border-bottom-right-radius:1.875rem;border-left:0;border-top-right-radius:1.875rem;display:flex;font-size:.63rem;justify-content:center;padding:.375rem;width:6rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .miniChip{display:flex;height:1.8rem;margin-right:.4rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .miniChip div:first-child{align-items:center;border:1px solid #8e8e8e;border-bottom-left-radius:1.875rem;border-top-left-radius:1.875rem;display:flex;font-size:.63rem;justify-content:center;padding:.375rem;text-align:center;width:6rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .miniChip div:last-child{align-items:center;background:#5ce3b5;border:.063rem solid #5ce3b5;border-bottom-right-radius:1.875rem;border-left:0;border-top-right-radius:1.875rem;display:flex;font-size:.63rem;justify-content:center;padding:.375rem;width:4rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox:last-child{border-bottom:0}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .ChartArea{height:250px;width:250px}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .GraphView{height:80%;width:60%}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .NumStats{align-items:center;color:#5ce3b5;display:flex;font-size:86.86px;font-style:normal;font-weight:500;height:100%;justify-content:center;width:100%}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .LegendArea{align-items:flex-end;display:flex;flex-direction:column;margin-left:4rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend{background:#f4f4f4;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.5rem;min-width:9rem;padding:2px 10px;width:9rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend .LegendTitle{align-items:center;display:flex}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend .LegendTitle i{color:#252525;margin-right:5px}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend .LegendTitle span{color:#252525;font-size:11px;font-weight:600}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .Legend .LegendValue{align-items:center;color:#252525;display:flex;font-size:11px;font-weight:600}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .LegendArea .legendAnimate{background:#5ce3b5;color:#fff;padding:4px 14px;transition:all .4s;width:10.5rem}.TripInsight .Modal .ModalContent .ModalContainer .WidgetView .tableView{height:90%;overflow:auto;width:100%}.TripInsight{display:flex;flex:1 1;flex-direction:column}.TripInsight .ControlPanel{display:flex;height:5%;justify-content:space-between;min-height:2.2rem}.TripInsight .ControlPanel .LeftControl .group-tree{display:flex;height:30px;left:20px;position:relative}.TripInsight .ControlPanel .LeftControl .SearchContainer{height:2.125rem;width:12.938rem}.TripInsight .ControlPanel .RightControl{display:flex;justify-content:center;position:relative}.TripInsight .ControlPanel .RightControl .ControlButton{align-items:center;border:.5px solid #00000026;border-radius:.188rem;box-sizing:border-box;display:flex;justify-content:center;margin-right:1rem;width:2rem}.TripInsight .ControlPanel .RightControl .FetchButton{align-items:center;background-color:#e62f4d;border-radius:.188rem;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:40px;justify-content:center;margin-right:1rem;width:5.5rem}.TripInsight .ControlPanel .RightControl .disableButton{opacity:.5;pointer-events:none}.TripInsight .ControlPanel .RightControl .TimerangeButton{align-items:center;border:.5px solid #00000026;border-radius:.188rem;box-sizing:border-box;color:#252525;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:40px;justify-content:center;margin-right:1rem;width:3.5rem}.TripInsight .ControlPanel .RightControl .TimerangeButton span{color:#676767;display:flex;font-size:9px;justify-content:center;width:85%}.TripInsight .ControlPanel .RightControl .activeTimerange{background-color:#e62f4d;border:none}.TripInsight .ControlPanel .RightControl .activeTimerange div{border-right:1px solid #fff}.TripInsight .ControlPanel .RightControl .activeTimerange span{color:#fff;font-weight:600}.TripInsight .loader{background:#0000;border:6px solid #27c992;border-radius:50%;box-shadow:0 0 20px #00000080;color:#3e3e3d;font-family:sans-serif;font-size:10px;height:100px;left:50%;letter-spacing:4px;line-height:100px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);width:100px}.TripInsight .loader span{animation:animate 2s linear infinite;background:#0000;display:block;height:4px;left:50%;position:absolute;top:calc(50% - 2px);transform-origin:left;width:50%}.TripInsight .loader span:before{background:#fff000;border-radius:50%;box-shadow:0 0 20px #fff000;content:"";height:16px;position:absolute;right:-8px;top:-6px;width:16px}.TripInsight .loader:before{animation:animateC 2s linear infinite;border-right:3px solid #0000;border-top:3px solid #0000;border-color:#e62f4d #e62f4d #0000 #0000;border-radius:50%;border-style:solid;border-width:6px 6px 3px 3px;content:"";height:100%;left:-3px;position:absolute;top:-3px;width:100%}.TripInsight .ChargingEventContainer{height:6%;margin-top:.5rem;min-height:2.4rem;padding-left:1rem;padding-right:1rem}.TripInsight .ChargingEventContainer .DataInfoPanel{display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.TripInsight .ChargingEventContainer .DataInfoPanel .Title{color:#252525;font-size:.8rem;font-weight:600;letter-spacing:.5px;width:13%}.TripInsight .ChargingEventContainer .DataInfoPanel .DataInfoCenter{align-items:center;color:#252525;display:flex;font-size:.8rem;font-weight:600;letter-spacing:.5px}.TripInsight .ChargingEventContainer .DataInfoPanel .DataInfoCenter .hni-icon{background:#fff3;border:1px solid #0000;border-radius:13px;color:gray;font-size:12px;text-align:center;width:15px}.TripInsight .ChargingEventContainer .DataInfoPanel .DataInfoRight{align-items:center;color:#252525;display:flex;font-size:.8rem;font-weight:600;justify-content:flex-end;letter-spacing:.5px;width:13%}.TripInsight .ChargingEventContainer .BucketContainers{align-items:flex-end;display:flex;justify-content:center}.TripInsight .ChargingEventContainer .BucketContainers .BucektLegend{height:25px;position:relative;width:5%}.TripInsight .ChargingEventContainer .BucketContainers .BucektLegend span{font-size:12px;font-weight:600}.TripInsight .ChargingEventContainer .BucketContainers .BucektLegend .event{font-size:12px;font-weight:600;left:0;margin-top:2rem;position:absolute}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets{display:flex;margin-top:.3rem;width:100%}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip{display:inline-block;position:relative}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip .Bucket{cursor:pointer;display:flex;height:28px;justify-content:space-between;width:180px;width:100%}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip .Bucket .Item{align-items:center;display:flex;justify-content:center;margin-left:10px;margin-right:10px}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip .Bucket .Item img{margin-right:4px;width:16px}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip .Bucket .Item .perc{align-items:center;background-color:#fff;border-radius:2px;color:#e62f4d;display:flex;font-size:11px;font-weight:600;height:17px;justify-content:center;margin-left:4px;width:42px}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip .Bucket .bucketvalue{color:#fff;font-size:14px;font-weight:600}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip .Bucket span{color:#252525;font-size:.875rem;font-weight:600;margin-left:10px;margin-top:2rem}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip .tooltiptext{background-color:#fff;border-radius:6px;bottom:150%;box-shadow:0 2px 8px 0 #5f5b5b33;color:#e62f4d;font-size:10px;font-weight:600;left:70%;margin-right:300px;padding:1rem;position:absolute;text-align:center;transform:translate(-70%,-10%);visibility:hidden;width:300px;z-index:10000}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip .tooltiptext:after{border:5px solid #0000;border-top-color:#fff;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.TripInsight .ChargingEventContainer .BucketContainers .ChargingBuckets .Tooltip:hover .tooltiptext{visibility:visible}.TripInsight .AnalyticsContainer{box-sizing:border-box;height:88%;margin-top:0;padding:.625rem 1rem}.TripInsight .AnalyticsContainer .Row{display:flex;flex-direction:column;height:50%;margin-bottom:.7rem}.TripInsight .AnalyticsContainer .Row .Row-Tab{display:flex;height:10%;justify-content:space-between;min-height:2rem}.TripInsight .AnalyticsContainer .Row .Row-Content{display:flex;height:90%;margin-top:.5rem;min-height:12.5rem}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend{background-color:#fff;border-radius:.375rem;box-shadow:0 .5rem 1.5rem #959da533;box-sizing:border-box;display:flex;height:100%;padding:.5rem 1.25rem;width:70%}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .TripTrend{height:100%;width:60%}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .TripTrend .Title{color:#252525;font-size:.688rem;font-weight:600;height:10%}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .TripTrend .GraphView{height:90%}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup{height:100%;width:40%}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .Title{color:#252525;font-size:.688rem;font-weight:600;height:10%;margin-left:6.5rem;margin-top:6px}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .Title small{color:gray;font-weight:600}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .GraphView{display:flex;height:90%}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .GraphView .Chart{width:70%}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .GraphView .Legend{align-items:center;display:flex;justify-content:flex-start;width:30%}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .GraphView .Legend ul{display:flex;flex-direction:column;list-style:none;padding:0}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .GraphView .Legend ul li{align-items:center;display:flex;height:1.5rem;justify-content:flex-start;width:100%}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .GraphView .Legend ul li div{border-radius:50%;height:.75rem;width:.75rem}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .GraphView .Legend ul li .divActive{height:1rem;margin-left:-1rem;transition:all .4s;width:1rem}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .GraphView .Legend ul li span{display:flex;font-size:.688rem;font-weight:600;margin-left:.3rem}.TripInsight .AnalyticsContainer .Row .Row-Content .Trend .DailyBreakup .GraphView .Legend ul li span div{width:18px}.TripInsight .AnalyticsContainer .Row .Row-Content .Distribution{box-sizing:border-box;height:100%;padding:14px;width:30%}.TripInsight .AnalyticsContainer .Row .Row-Content .Distribution .Title{color:#252525;font-size:11px;font-weight:600;height:10%;margin-left:2rem}.TripInsight .AnalyticsContainer .Row .Row-Content .Distribution .GraphView{height:90%}.TripInsight .sliceTooltip{background-color:#fff;box-shadow:0 7px 29px 0 #64646f33;height:70px;width:180px}.TripInsight .sliceTooltip .centerContent{align-items:center;color:#e62f4d;display:flex;font-size:16px;font-weight:500;height:100%;justify-content:center}.TripInsight .sliceTooltip .ListDis .Item{align-items:center;display:flex;justify-content:space-between;padding:6px 12px}.TripInsight .sliceTooltip .ListDis .Item .left{align-items:center;display:flex;justify-content:center}.TripInsight .sliceTooltip .ListDis .Item .left i{font-size:12px}.TripInsight .sliceTooltip .ListDis .Item .left span{font-size:9px;margin-left:4px}.TripInsight .sliceTooltip .ListDis .Item .right span{color:#252525;font-size:10px;font-weight:600}.TripInsight .dateMsg{color:#e6304d;font-size:9px;font-weight:500;left:0;position:absolute;top:2.4rem}.TripInsight .Modal{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;padding-top:4%;position:fixed;top:0;width:100%;z-index:999}.TripInsight .Modal .ModalContent{background-color:#fefefe;background:#fff;border-radius:5px;height:700px;margin:auto;padding:20px;width:80%}.TripInsight .Modal .ModalContent .ModalHeader{align-items:center;display:flex;justify-content:space-between}.TripInsight .Modal .ModalContent .ModalHeader .HeaderLeft{align-items:center;display:flex}.TripInsight .Modal .ModalContent .ModalHeader .HeaderLeft div{font-size:14px;font-weight:500}.TripInsight .Modal .ModalContent .ModalHeader .HeaderLeft span{color:gray;font-size:11px;font-weight:600;margin-left:8px}.TripInsight .Modal .ModalContent .ModalHeader .SearchControl{display:flex;justify-content:flex-start;margin-left:-12rem;padding:0 2rem;width:400px}.TripInsight .Modal .ModalContent .ModalHeader .close{color:#aaa;float:right;font-size:28px;font-weight:700}.TripInsight .Modal .ModalContent .ModalHeader .close:focus,.TripInsight .Modal .ModalContent .ModalHeader .close:hover{color:#000;cursor:pointer;text-decoration:none}.TripInsight .Modal .ModalContent .MainModalContainer .ModalHeading .heading{display:flex;margin-left:8px}.TripInsight .Modal .ModalContent .MainModalContainer .ModalHeading .heading div{width:25%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer{height:700px;width:100%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetControl{display:flex;flex-direction:column-reverse;padding-right:2rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetControl .SearchControl{margin-top:2rem;width:200px}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetTab ul{display:flex;list-style:none;margin:0;padding:0}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetTab ul li{color:#7e7e7e;cursor:pointer;font-size:12px;font-weight:500;min-width:30px;padding:4px 8px;text-align:center}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetTab ul .active{border-bottom:2px solid #eb5971;color:#252525;font-weight:700}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView{align-items:center;display:flex;flex:1 1;height:700px;justify-content:center}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .GraphView{width:40%!important}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .ListView{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;width:60%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .ListView .insideModalLoading{background:#0000;border:6px solid #27c992;border-radius:50%;box-shadow:0 0 20px #00000080;color:#3e3e3d;font-family:sans-serif;font-size:10px;height:100px;left:7%;letter-spacing:4px;line-height:100px;position:relative;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%);width:100px}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .ListView .insideModalLoading span{animation:animate 2s linear infinite;background:#0000;display:block;height:4px;left:50%;position:absolute;top:calc(50% - 2px);transform-origin:left;width:50%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .ListView .insideModalLoading span:before{background:#fff000;border-radius:50%;box-shadow:0 0 20px #fff000;content:"";height:16px;position:absolute;right:-8px;top:-6px;width:16px}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .ListView .insideModalLoading:before{animation:animateC 2s linear infinite;border-right:3px solid #0000;border-top:3px solid #0000;border-color:#e62f4d #e62f4d #0000 #0000;border-radius:50%;border-style:solid;border-width:6px 6px 3px 3px;content:"";height:100%;left:-3px;position:absolute;top:-3px;width:100%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView{height:700px;margin-top:1rem;width:100%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer{box-sizing:border-box;height:90%;overflow-y:auto;padding:1.2rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .DayBucketing{align-items:center;background:#fff;border-radius:4px;box-shadow:4px 12px 34px 5px #e6e5e5;display:flex;height:40px;margin-bottom:5px;margin-top:30px;padding:4px 20px}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .DayBucketing .date{background:#e62f4d;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox{background-color:#f3f3f3;display:flex;margin-bottom:.5rem;margin-left:3rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxLeft{align-items:center;box-sizing:border-box;display:flex;padding:.3rem .5rem;width:40%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxLeft .EventNos{align-items:center;border:2px solid #e62f4d;border-radius:.25rem;display:flex;flex-direction:column;height:2.2rem;justify-content:center;width:2.2rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxLeft .EventNos span:first-child{font-size:.5rem;font-weight:500}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxLeft .EventNos span:last-child{font-size:.8rem;font-weight:500}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:.375rem .5rem;width:80%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .StatsChip{display:flex;height:1.8rem;margin-bottom:.25rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .StatsChip div:first-child{align-items:center;border:1px solid #8e8e8e;border-bottom-left-radius:1.875rem;border-top-left-radius:1.875rem;display:flex;font-size:.63rem;justify-content:center;padding:.375rem;text-align:center;width:11rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .StatsChip div:last-child{align-items:center;background:#5ce3b5;border:.063rem solid #5ce3b5;border-bottom-right-radius:1.875rem;border-left:0;border-top-right-radius:1.875rem;display:flex;font-size:.63rem;justify-content:center;padding:.375rem;width:6rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .miniChip{display:flex;height:1.8rem;margin-right:.4rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .miniChip div:first-child{align-items:center;border:1px solid #8e8e8e;border-bottom-left-radius:1.875rem;border-top-left-radius:1.875rem;display:flex;font-size:.63rem;justify-content:center;padding:.375rem;text-align:center;width:6rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox .EventBoxRight .miniChip div:last-child{align-items:center;background:#5ce3b5;border:.063rem solid #5ce3b5;border-bottom-right-radius:1.875rem;border-left:0;border-top-right-radius:1.875rem;display:flex;font-size:.63rem;justify-content:center;padding:.375rem;width:4rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .EventsView .EventsViewContainer .EventsDay .EventBox:last-child{border-bottom:0}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .ChartArea{height:250px;width:250px}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .GraphView{height:80%;width:60%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .NumStats{align-items:center;color:#5ce3b5;display:flex;font-size:86.86px;font-style:normal;font-weight:500;height:100%;justify-content:center;width:100%}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .LegendArea{align-items:flex-end;display:flex;flex-direction:column;margin-left:4rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .LegendArea .Legend{background:#f4f4f4;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.5rem;min-width:9rem;padding:2px 10px;width:9rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .LegendArea .Legend .LegendTitle{align-items:center;display:flex}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .LegendArea .Legend .LegendTitle i{color:#252525;margin-right:5px}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .LegendArea .Legend .LegendTitle span{color:#252525;font-size:11px;font-weight:600}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .LegendArea .Legend .LegendValue{align-items:center;color:#252525;display:flex;font-size:11px;font-weight:600}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .LegendArea .legendAnimate{background:#5ce3b5;color:#fff;padding:4px 14px;transition:all .4s;width:10.5rem}.TripInsight .Modal .ModalContent .MainModalContainer .ModalContainer .WidgetView .tableView{height:90%;overflow:auto;width:100%}.TripInsight .Modal .ModalContent .modalLoading{background:#0000;border:6px solid #27c992;border-radius:50%;bottom:50%;box-shadow:0 0 20px #00000080;color:#3e3e3d;font-family:sans-serif;font-size:10px;height:100px;left:50%;letter-spacing:4px;line-height:100px;position:relative;text-align:center;text-transform:uppercase;top:45%;transform:translate(-50%,-50%);width:100px}.TripInsight .Modal .ModalContent .modalLoading span{animation:animate 2s linear infinite;background:#0000;display:block;height:4px;left:50%;position:absolute;top:calc(50% - 2px);transform-origin:left;width:50%}.TripInsight .Modal .ModalContent .modalLoading span:before{background:#fff000;border-radius:50%;box-shadow:0 0 20px #fff000;content:"";height:16px;position:absolute;right:-8px;top:-6px;width:16px}.TripInsight .Modal .ModalContent .modalLoading:before{animation:animateC 2s linear infinite;border-right:3px solid #0000;border-top:3px solid #0000;border-color:#e62f4d #e62f4d #0000 #0000;border-radius:50%;border-style:solid;border-width:6px 6px 3px 3px;content:"";height:100%;left:-3px;position:absolute;top:-3px;width:100%}@keyframes animateC{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.Tabs{display:flex;padding:0 10px}.Tabs ul{display:flex;list-style:none;margin:0;padding:0}.Tabs ul li{align-items:center;color:#8a8a8a;cursor:pointer;display:flex;font-size:10px;font-weight:500;margin-right:2rem;padding:0 10px;position:relative}.Tabs ul li:after{border-bottom:3px solid #e62f4d;bottom:0;content:"";display:block;left:0;opacity:0;position:absolute;right:0;top:22px;transition:transform .25s ease-in-out}.Tabs ul .active{color:#252525;font-weight:700}.Tabs ul .active:after{opacity:1}
/*# sourceMappingURL=main.0f6c3c6b.css.map*/