@charset "UTF-8";:export{paper:#ffffff;primaryLight:#e3f2fd;primary200:#90caf9;primaryMain:#2196f3;primaryDark:#1e88e5;primary800:#1565c0;secondaryLight:#ede7f6;secondary200:#b39ddb;secondaryMain:#673ab7;secondaryDark:#5e35b1;secondary800:#4527a0;successLight:#b9f6ca;success200:#69f0ae;successMain:#00e676;successDark:#00c853;errorLight:#ef9a9a;errorMain:#f44336;errorDark:#c62828;orangeLight:#fbe9e7;orangeMain:#ffab91;orangeDark:#d84315;warningLight:#fff8e1;warningMain:#ffe57f;warningDark:#ffc107;grey50:#f8fafc;grey100:#eef2f6;grey200:#e3e8ef;grey300:#cdd5df;grey500:#697586;grey600:#4b5565;grey700:#364152;grey900:#121926;darkPaper:#111936;darkBackground:#1a223f;darkLevel1:#29314f;darkLevel2:#212946;darkTextTitle:#d7dcec;darkTextPrimary:#bdc8f0;darkTextSecondary:#8492c4;darkPrimaryLight:#e3f2fd;darkPrimaryMain:#2196f3;darkPrimaryDark:#1e88e5;darkPrimary200:#90caf9;darkPrimary800:#1565c0;darkSecondaryLight:#d1c4e9;darkSecondaryMain:#7c4dff;darkSecondaryDark:#651fff;darkSecondary200:#b39ddb;darkSecondary800:#6200ea}*{-webkit-tap-highlight-color:transparent!important}.slick-arrow:before{color:#697586}.fullscreen .react-images__blanket{z-index:1200}.apexcharts-legend-series .apexcharts-legend-marker{left:-4px!important;right:-4px!important}.apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series,.apexcharts-legend.apx-legend-position-top .apexcharts-legend-series{gap:8px}.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active,.apexcharts-canvas .apexcharts-tooltip-series-group:last-child{padding-bottom:0}.apexcharts-legend-series{align-items:center;display:flex;gap:8px}.CustomTableHeader{height:5%!important;min-height:40px!important;max-height:40px!important}.filtersScreenWithRes{width:max-content;height:30px}.filtersScreenWithReses{min-width:350px;height:30px}.CustomtableDatePicker,.StatusSelectedFilterColumn{height:30px}.selectedColumn{width:max-content;height:30px;font-size:.75rem}.selectedColumn .MuiOutlinedInput-input{padding:0 14px}.scrollbar-container .ps__rail-y:hover>.ps__thumb-y,.scrollbar-container .ps__rail-y:focus>.ps__thumb-y,.scrollbar-container .ps__rail-y.ps--clicking .ps__thumb-y{background-color:#697586;width:5px}.scrollbar-container .ps__thumb-y{background-color:#697586;border-radius:6px;width:5px;right:0}.InvoicetableCardStyle{padding:6px 6px 0}.InvoicetableCardStyle .MuiCardContent-root{margin:15px;padding:0;height:100%}.scrollbar-container.ps.ps--active-y>.ps__rail-y,.scrollbar-container>.ps.ps--active-y>.ps__rail-y{width:5px;background-color:transparent!important;z-index:999}.scrollbar-container.ps.ps--active-y>.ps__rail-y:hover,.scrollbar-container.ps.ps--active-y>.ps__rail-y.ps--clicking,.scrollbar-container>.ps.ps--active-y>.ps__rail-y:hover,.scrollbar-container>.ps.ps--active-y>.ps__rail-y.ps--clicking{width:5px;background-color:transparent}.scrollbar-container.ps.ps--scrolling-y>.ps__rail-y,.scrollbar-container.ps.ps--scrolling-x>.ps__rail-x,.scrollbar-container>.ps.ps--scrolling-y>.ps__rail-y,.scrollbar-container>.ps.ps--scrolling-x>.ps__rail-x{opacity:.4;background-color:transparent}.blog-slider .slick-slide{padding:0 5px}.blog-slider .slick-track{padding:0 -5px}.firstNameStyle{width:35%}.lastNameStyle{width:46%}.tagName{width:10%}.emailStyle{width:48%}.NumberStyle{width:30.3%}.NumberStyle1{width:14%}.loginAlertStyle{width:400px}.contactStyle{width:33%}.callingCodeStyle{width:10%}.OrganizationStyle{width:45.5%}.OrganizationDialogStyle .MuiPaper-root-MuiDialog-paper{padding:0 0 12px}.AddressLine1{width:46%}.AddressLine2{width:48%}.countryStyle{width:46%}.stateStyle{width:48%}.zipStyle{width:46%}.alertStyle{margin-top:3%;width:500px}.profileStyle{height:350px}.notificationStyle{width:1300px}.Notification-btn-Style{display:flex;justify-content:end}.profileHr{display:block;margin-top:20px;unicode-bidi:isolate;overflow:hidden;border-style:inset;border-width:1px;flex-shrink:0;border-width:0;border-style:solid;border-color:#bbb;border-bottom-width:thin}.normalTableSyle .MuiTableCell-root{line-height:2.5rem;padding:0}.normalTableSyle{padding:0}.customTableSyle .MuiTableCell-root{line-height:3rem;padding:.1px}.ProfileStatus .MuiCardContent-root:last-child{padding:0}.ProfilePicture .MuiDivider-root{border:none}.ProfilePicture .MuiCardHeader-root{padding:0}.ChangePassword .MuiCardContent-root{display:flex;flex-direction:column;justify-content:space-between;height:68vh;padding:0}.ProfileNotification .MuiCardContent-root{padding-top:0;padding-left:0}.breadcrumbsStyle{margin-bottom:15px;padding:1px;max-height:40px;min-height:40px}.searchStyle{padding:0}@keyframes wings{50%{transform:translateY(-40px)}to{transform:translateY(0)}}@keyframes wingsReverse{50%{transform:translateY(40px) scaleX(-1)}to{transform:translateY(0) scaleX(-1)}}@keyframes blink{50%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-7px,0)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}90%{transform:translate3d(0,-2px,0)}}@keyframes slideY{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-10px)}75%{transform:translateY(10px)}}@keyframes slideX{0%,50%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.preBuildDashBoard-slider{overflow:hidden}.preBuildDashBoard-slider .slider .slide{opacity:.5;display:flex;justify-content:center}.preBuildDashBoard-slider .slider .slide .custom-slider{gap:40px}.preBuildDashBoard-slider .slider .slide.selected{opacity:1}.preBuildDashBoard-slider .slider .slide.selected .custom-slider{display:flex;flex-direction:column}.preBuildDashBoard-slider .slider .slide:not(.selected){transform:scale(.7);transform-origin:top}.project-info .project-slider .slick-list{padding:0!important}.project-info .slick-slide{opacity:.05}.project-info .slick-active{opacity:.2}.project-info .slick-current{opacity:1!important}.project-info .slick-current .MuiTypography-root{color:#2196f3}.OrgBillingStyling .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.orgBillingPanelStyling{height:calc(100% - 48px)}.OrgLicenseStyling .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.OrgLicenseStyling .MuiCardContent-root:last-child{padding-bottom:0;height:100%;margin-bottom:0;overflow:hidden}.OrgLicenseStyling .OrganizationBillingTab,.OrgLicenseStyling .OrganizationBillingTab .MuiBox-root,.clanderDIvStyling,.clanderDIvStyling .MuiPaper-root{height:100%}.OrgBillingPanelStyle .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.LicenseViewPageStyling{height:100%}.OrgProductStyling .MuiCardContent-root{padding-left:0!important;padding-right:0!important;padding-bottom:0}.OrgProductStyling{height:100%;overflow:hidden}.OrgProductStyling .MuiCardContent-root:last-child{padding-bottom:0;padding-left:0}.OrgProductStyling .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.OrgProductStyling .MuiTabs-indicator{background-color:#f31535}.OrgProductStyling .MuiInputBase-root .MuiTablePagination-select{margin-right:0!important;margin-left:0!important}.OrgProductStyling .MuiTablePagination-displayedRows{margin-left:5px!important}.OrgProductStyling .MuiTablePagination-input{margin-right:0!important;margin-left:0!important}.OrgProductStyling .MuiTablePagination-actions{margin-left:5px!important}.OrgProductsItemsStyling,.OrgProductsItemsStyling .MuiPaper-root-MuiCard-root,.OrgProductStylingUser,.OrgProductStylingUser .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.MuiCardContent-root:last-child{padding-bottom:5px;padding-right:10px;height:100%;margin-bottom:0;padding-left:10px}.OrganizationProductTab{height:100%;padding-bottom:0}.OrganizationProductTab .MuiBox-root{padding:0}.OrganizationProductTab .MuiPaper-root-MuiCard-root{height:100%}.LicenseViewTabsStyling .MuiCardContent-root,.ActiveUserStyling .MuiCardContent-root{padding-left:0!important;padding-right:0!important}.ActiveUserStyling{height:100%;overflow:hidden}.ActiveUserStyling .MuiCardContent-root:last-child{padding-bottom:0;height:100%}.ActiveUserStyling .MuiBox-root .MuiBox-root:last-child{padding-bottom:0;padding-left:0;height:100%}.ActiveUserStyling .MuiPaper-root-MuiCard-root,.ActiveUserLicenseStyling{height:100%;overflow:hidden}.ActiveUserLicenseStyling .MuiCardContent-root:last-child{padding-bottom:0;height:100%}.ActiveUserLicenseStyling .MuiBox-root .MuiBox-root:last-child{padding-bottom:0;height:100%}.ActiveUserLicenseStyling .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.ActiveUserLicenseStyling .MuiInputBase-root .MuiTablePagination-select{margin-right:0!important;margin-left:0!important}.ActiveUserLicenseStyling .MuiTablePagination-displayedRows{margin-left:5px!important}.ActiveUserLicenseStyling .MuiTablePagination-input{margin-right:0!important;margin-left:0!important}.ActiveUserLicenseStyling .MuiTablePagination-actions{margin-left:5px!important}.UserStyling{height:100%;padding-bottom:0;overflow:hidden}.UserStyling .MuiPaper-root-MuiCard-root{height:100%;overflow:auto}.UserStyling .MuiCardContent-root:last-child{height:100%;padding-left:0}.OrgBillingStylingBox{height:100%;padding-left:0;padding-right:0}.OrgProductStylingBox{height:100%}.OrgProductStylingTabPanel{overflow:hidden;height:100%}.issueRequestStyle{height:calc(100% - 56px);overflow:auto;padding-right:15px;padding-left:2px}.issueRequestStyle .MuiCardContent-root{margin:0;padding:0}.ProfileTabsStyling{overflow:hidden!important}.ProfileTabsStyling .MuiTabs-indicator{background-color:#f31535}.issueTabsStyling .MuiTabs-root{min-height:50px;max-height:50px}.MainIssueRequestStyle{height:calc(100% - 50px)}.MainIssueRequestStyle .MuiCardContent-root{margin:0;padding:0}.tableCardStyle{padding:15px 15px 0}.tableCardStyle .MuiCardContent-root{margin:0;padding:0;height:100%}.tableCardStyle.MuiCardContent-root:last-child{padding:0}.tableTabStyle{padding:0}.ril__inner{direction:ltr}.ReactModal__Overlay{z-index:99999!important}.MuiTreeItem-content{padding-top:0;padding-bottom:0}.MuiDataGrid-menu .MuiPaper-root{box-shadow:0 2px 4px #0003,0 1px 3px #00000024!important}.notistack-Snackbar .notistack-MuiContent-warning{background-color:#ffe57f;color:#121926}.notistack-Snackbar .notistack-MuiContent-success{background-color:#00e676;color:#121926}.notistack-Snackbar .notistack-MuiContent-error{background-color:#f44336}.notistack-Snackbar .notistack-MuiContent-info{background-color:#0288d1}html[dir=ltr] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-columnHeader:focus,html[dir=ltr] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within,html[dir=ltr] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-cell:focus,html[dir=ltr] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-cell:focus-within{outline:none;border:solid #2196f3 1px}html[dir=ltr] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-row:last-child .MuiDataGrid-cell[aria-colindex="1"]:focus,html[dir=ltr] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-row:last-child .MuiDataGrid-cell[aria-colindex="1"]:focus-within{border-bottom-left-radius:8px}html[dir=ltr] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-row:last-child .MuiDataGrid-cell:last-child{border-bottom-right-radius:8px}html[dir=rtl] .scrollbar-container .ps__thumb-y{right:10px!important}html[dir=rtl] .notistack-MuiContent-default{gap:16px}html[dir=rtl] .notistack-MuiContent>div:last-child{padding-left:unset;padding-right:16px}html[dir=rtl] .apexcharts-tooltip .apexcharts-tooltip-marker{margin-left:10px;margin-right:0}html[dir=rtl] .apexcharts-tooltip-text-y-value{margin-left:0;margin-right:5px}html[dir=rtl] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-columnHeader:focus,html[dir=rtl] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within,html[dir=rtl] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-cell:focus,html[dir=rtl] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-cell:focus-within{outline:none;border:solid #2196f3 1px}html[dir=rtl] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-row:last-child .MuiDataGrid-cell[data-colindex="0"]:focus,html[dir=rtl] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-row:last-child .MuiDataGrid-cell[data-colindex="0"]:focus-within{border-bottom-right-radius:8px}html[dir=rtl] .custom-data-grid.MuiDataGrid-root .MuiDataGrid-row:last-child .MuiDataGrid-cell:last-child{border-bottom-left-radius:8px}.loginLogoGridStyle{text-align:center}.loginLogoStyle{width:45%;height:50%}.customTableImageStyle{height:20px;width:20px}@media only screen and (min-width:1078px){.NotificationCarddetails{display:flex;gap:1px;font-size:1rem;flex-wrap:wrap;border-radius:5px;height:100%;width:30%;flex-direction:row;margin-bottom:0}}@media only screen and (min-width:769px)and (max-width:1077px){.NotificationCarddetails{display:flex;gap:1px;font-size:27px;flex-wrap:wrap;border-radius:5px;height:100%;width:47%;flex-direction:row;margin-bottom:0}.OrgProductStylingBox,.OrgBillingStylingBox,.OrgProductStylingTabPanel{height:100%}.OrgProductStylingTabPanel .MuiBox-root:last-child{height:100%}}@media only screen and (min-width:641px)and (max-width:768px){.NotificationCarddetails{display:flex;flex-wrap:wrap;font-size:17px;flex-direction:row;width:90%;margin-left:25px;margin-right:10px;font-size:50px}.OrgProductStylingBox,.OrgBillingStylingBox{height:100%}.OrgProductStylingTabPanel{overflow:hidden;height:100%}.OrgProductStylingTabPanel .MuiBox-root:last-child{height:100%}}@media only screen and (min-width:320px)and (max-width:640px){.NotificationCarddetails{display:flex;gap:1px;flex-wrap:wrap;border-radius:5px;height:100%;width:100%;flex-direction:column;margin-bottom:0}}@media only screen and (max-width:320px){.NotificationCarddetails{display:flex;flex-wrap:wrap;height:35%;width:100%;flex-direction:column;margin-bottom:0}}.customPaymentClass1,.customPaymentClass2{padding-top:17px}.SubCardCustomStyle{border:none!important}.customHeaderIconStyle{font-size:1.6rem;font-weight:200}.customSideIconStyle{font-size:1.5rem;font-weight:300}.customDownloadIconStyle{font-size:2.1rem;font-weight:200}.customTabIconStyle{font-size:1.4rem;font-weight:200}.ContactusMainCardStyle .MuiCardHeader-root{height:70px;padding:16px}.ContactusMainCardStyle .MuiCardContent-root:last-child{padding:0}.IssueHeader .MuiCardHeader-root{padding:8px 14px 10px 0}.HistoryTableGrid{min-height:350px}.HistoryTable{height:100%;padding:0 15px}.HistoryTable .MuiInputBase-root .MuiTablePagination-select{margin-right:0!important;margin-left:0!important}.HistoryTable .MuiTablePagination-displayedRows{margin-left:5px!important}.HistoryTable .MuiTablePagination-input{margin-right:0!important;margin-left:0!important}.HistoryTable .MuiTablePagination-actions{margin-left:5px!important}.HistoryTable .MuiTablePagination-toolbar{padding:0;min-height:40px;height:40px}.HistoryTable .MuiCardHeader-root{padding:15px;height:8%;min-height:30px;max-height:30px}.HistoryTable .MuiCardContent-root{padding:10px 0 0}.HistoryTable .MuiCardContent-root:last-child{padding-bottom:0;height:calc(100% - 30px)}.HistoryTable.MuiCardContent-root:last-child{padding:0}.HistoryCardContent{height:100%!important}.tab-header{display:flex;border-bottom:1px solid #ccc;margin-bottom:10px}.tab-label{padding:10px 15px;cursor:pointer;background:#f1f1f1;margin-right:5px;border-top-left-radius:4px;border-top-right-radius:4px;position:relative}.tab-label.active{background:#fff;font-weight:700;border-bottom:2px solid #000}.close-button{background:none;border:none;margin-left:8px;font-size:14px;cursor:pointer;color:#999}.close-button:hover{color:#000}.licenseMainCardStyle{height:78vh}.simple-table{width:100%;border-collapse:collapse}.simple-table th,.simple-table td{border:1px solid #ccc;padding:8px 12px;text-align:left}.HomePieChart .MuiCardContent-root{height:200px;padding:0}.DashboardCards .MuiCardContent-root{padding:0 24px;--paper-shadow: none !important;box-shadow:none!important}.DashboardTrackingCards .MuiCardContent-root{padding:0 24px 0 80px;padding-bottom:0!important;--paper-shadow: none !important;box-shadow:none!important}.HomeCards{height:100%}.HomeCards .MuiCardContent-root{padding:0 24px;height:100%;--paper-shadow: none !important;box-shadow:none!important}.HomeCards .MuiPaper-root,.HomeCards .MuiCard-root{height:"100%"!important;--paper-shadow: none !important;box-shadow:none!important}.customtableAvatarStyle{width:25px;height:25px;font-size:11px}.customTableStatusStyle{height:25px;min-width:90px;font-size:.65rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.AccountDetails .MuiDivider-root{border:none}.AccountDetails .MuiCardHeader-root{padding:0}.CustomTableButtonStyle{font-size:1rem;padding:0}.HomeStyle{height:87vh}.HomeStyle .MuiCardContent-root:last-child{padding-bottom:16px}.ExistScreenMapStyle{padding:0;height:100%;overflow:auto;margin-top:15px}.ExistScreenMapStyle .MuiCardContent-root{margin:0;padding:0;height:100%}.ExistScreenMapStyle .MuiInputBase-root .MuiTablePagination-select{margin-right:0!important;margin-left:0!important}.ExistScreenMapStyle .MuiTablePagination-displayedRows{margin-left:5px!important}.ExistScreenMapStyle .MuiTablePagination-input{margin-right:0!important;margin-left:0!important}.ExistScreenMapStyle .MuiTablePagination-actions{margin-left:5px!important}.ExistScreenTimelineMapStyle{padding:0;height:calc(100% - 15px);overflow:auto;width:100%}.ExistScreenTimelineMapStyle .MuiCardContent-root{margin:0;padding:0;height:100%}.ExistScreenTimelineMapStyle .MuiInputBase-root .MuiTablePagination-select{margin-right:0!important;margin-left:0!important}.ExistScreenTimelineMapStyle .MuiTablePagination-displayedRows{margin-left:5px!important}.ExistScreenTimelineMapStyle .MuiTablePagination-input{margin-right:0!important;margin-left:0!important}.ExistScreenTimelineMapStyle .MuiTablePagination-actions{margin-left:5px!important}.ExistScreenStyle{padding:15px 15px 0;height:100%;overflow:auto}.ExistScreenStyle .MuiCardContent-root{margin:0;padding:0;height:100%}.ExistScreenStyle .MuiInputBase-root .MuiTablePagination-select{margin-right:0!important;padding-top:0;padding-bottom:0;margin-left:0!important}.ExistScreenStyle .MuiTablePagination-displayedRows{margin-left:5px!important}.ExistScreenStyle .MuiTablePagination-input{margin-right:0!important;margin-left:0!important}.ExistScreenStyle .MuiTablePagination-actions{margin-left:5px!important}.ExistScreenStyleTripHistiry{overflow-y:hidden;padding:0}.UpTimeExistScreenStyle .MuiPaper-root{height:100%}.UpTimeExistScreenStyle .MuiCardHeader-root{height:148px;padding:12px 15px}.UpTimeExistScreenStyle{padding-bottom:0;height:100%}.UpTimeExistScreenStyle .MuiCardContent-root{margin:0;padding:0}.DashbordExistScreenStyle{padding:10px 15px 0;height:100%}.DashbordExistScreenStyle .MuiCardContent-root{margin:0;padding:0;height:100%}.DashbordExistScreenStyle.MuiCardContent-root:last-child{padding:0}.ExistScreenStyle.MuiCardContent-root:last-child{padding:0}.CustomTableWithAvatar .MuiTableCell-head .MuiTableCell-stickyHeader{padding-top:5px;padding-bottom:5px;height:40px}.CustomTableWithAvatar .MuiTableCell-root{padding-top:5px;padding-bottom:5px}.CustomTableStyle .MuiTableCell-head .MuiTableCell-stickyHeader,.CustomTableStyle .MuiTableCell-root{padding-top:5px;padding-bottom:5px;height:40px}.CustomTableViewOnlyBoxStyle{width:100%;height:100%}.CustomTableViewOnlyBoxStyleBody{overflow:auto}.CustomTableViewOnlyBoxStyleBody .billingTableStyle{height:calc(100% - 121px)}.CustomTableViewOnlyBoxStyleBodyNormaltable{height:100%;overflow:auto}.CustomTableViewOnlyBoxStyleBodyNormaltable .billingTableStyle{height:100%}.CustomTableViewOnlyBoxStylePagination{overflow:hidden;height:7%;min-height:30px;max-height:30px;align-content:end;margin-bottom:8px}.CustomTableViewOnlyBoxStylePagination .MuiToolbar-root{display:flex;align-items:baseline;min-height:30px;padding:0}.CustomTableViewOnlyBoxStylePagination .MuiTablePagination-selectLabel{margin:0;height:30px}.CustomTableViewOnlyBoxStylePagination .MuiTablePagination-input{height:30px}.CustomTableViewOnlyBoxStylePagination .MuiTablePagination-displayedRows{margin-top:0;height:30px;margin-bottom:0}.CustomTableWithAvatarBoxStyle{height:100%;padding:15px}.CustomTableWithAvatarBoxStyleBody{overflow:auto}.CustomTableWithAvatarBoxStylePagination{overflow:hidden;height:7%;min-height:45px;max-height:45px;align-content:end}.CustomTableWithAvatarBoxStylePagination .MuiToolbar-root{padding:0}.authWrapper4MainCard{padding:0;height:670px}.authCardWrapperBox{padding:15px 32px 32px;margin-top:40px}.GstCardStyle .MuiCardHeader-root{padding:0 12px}.GstCardStyle .MuiCardContent-root:last-child{padding-bottom:15px}.GstCardStyle .MuiCardContent-root{padding:15px 12px 0}.GstCardStyle .MuiDivider-root{border-bottom:none}.DashBoardGridSpacing{--Grid-columnSpacing: 15px;--Grid-rowSpacing: 15px;height:100%}.DashBoardGrid{width:100%}.DashBoardGrid .MuiGrid-root{flex:auto;gap:15px}.FuelDashBoardCard .MuiCardContent-root:last-child{padding:0}.MaintainanceStyleGrid{width:100%}.MaintainanceStyleGrid .MuiGrid-root{flex:auto;gap:10px}.UptimeDashBoardGrid{width:100%}.UptimeDashBoardGrid .MuiGrid-root{display:flex;flex-wrap:wrap;gap:10px}.TrackingDashBoardGrid{--Grid-columnSpacing: 15px;--Grid-rowSpacing: 15px;width:100%;height:100%}.TrackingDashBoardGrid .MuiGrid-root{flex:auto;height:100%;gap:0px}.OrgListTabs{padding:0;height:100%}.DriverPanel{padding-left:10px}.DriverPanel .MuiTabs-flexContainer{display:flex;align-items:baseline}.DriverPanel .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.DriverPanel .MuiTabs-scroller{width:100%}.UserDetailsTabPanel .MuiTabs-flexContainer{display:flex;align-items:baseline}.UserDetailsTabPanel .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.LicenseDetailsTabPanel .MuiTabs-flexContainer{display:flex;align-items:baseline}.LicenseDetailsTabPanel .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.AnimationButtonStyling{height:24px;background-color:#f31535}.CustomButtonWithIconStyle{height:30px;place-content:center}.customButtonIconSize{font-size:1.5rem!important;font-weight:300}.CustomButtonWithIconTable{height:30px!important}.tabStyleCustomTableWithAvatar{overflow:auto;max-height:-webkit-fill-available}.tabTableBillingStyle{height:533px;overflow:auto}.mainCardStyle{padding-left:0;padding-top:10px;height:100%}.UptimemainCardStyle{padding:0;height:100%}.tabStyleCustomTable,.tabTableBillingStyle3,.tabTableBillingStyle4{height:500px;overflow:auto}.UsersDialogStyle{padding:0 10px 10px 22px}@media only screen and (max-width:1366px){.CustomTableWithAvatarBoxStyleBody{overflow:auto}.OrgProductStylingBox,.OrgBillingStylingBox{height:100%;overflow:auto}.OrgProductStylingTabPanel{overflow:hidden;height:100%}.OrgProductStylingTabPanel .MuiBox-root:last-child{height:100%}.tabStyleCustomTableWithAvatar{overflow:auto}.tabTableBillingStyle{height:260px;overflow:auto}.mainCardStyle,.UptimemainCardStyle{padding:0;height:100%}.tabTableBillingStyle1{height:505px;overflow:auto}.tabStyleCustomTable,.tabTableBillingStyle1{height:232px;overflow:auto}.tabTableBillingStyle3{height:220px;overflow:auto}.ChangePassword .MuiCardContent-root{display:flex;flex-direction:column;justify-content:space-between;padding:0}}::-webkit-scrollbar{width:5px}.customTableIconButton:hover{border-radius:50%}.UserLicenseStyle{padding:0;height:100%}.fontStyle .MuiTableCell-root{font-family:Roboto,sans-serif}.TableRowsAccordion .MuiTableCell-root{padding:0!important}.CustomTableViewOnlyStyle{font-size:13px;overflow:visible}.CustomTableViewOnlyStyle .MuiTableCell-head .MuiTableCell-stickyHeader{padding:5px 10px;font-size:13px;height:40px}.CustomTableViewOnlyStyle .MuiTableCell-root{padding:7px 10px;font-size:13px}.CustomTableIconsSize{width:20px!important;height:20px!important}.DashboardCradsIcons{font-size:2rem;font-weight:300;color:"success.dark";background-color:"success.light "}.faqGridStyle{margin-top:50px;margin-bottom:15px}@media only screen and (max-width:600px){.btn_tour{margin-left:0}}.CustomButtonWithIconStyle .MuiButton-startIcon{margin:0!important}@media only screen and (max-width:750px){.CardStack{margin-left:83px;display:flex;justify-content:flex-end}}@media(min-width:751px){.CardStack{margin-left:0;display:flex;justify-content:flex-end;align-items:end}}@media only screen and (max-width:775px){.CustomTableHeader{height:15%!important;min-height:40px!important;max-height:40px!important}.OrgBillingStyling .MuiCardContent-root,.OrgProductsItemsStyling .MuiCardContent-root,.OrgProductStylingUser .MuiCardContent-root,.OrgBillingStylingLicense .MuiCardContent-root{padding-left:0;padding-right:0}.UserStyling .MuiCardContent-root:last-child{padding-left:0;padding-right:0}}@media(min-width:601px){.CompLogoSection{width:150px}.headersectionicons{margin-left:0}}@media only screen and (max-width:600px){.CompLogoSection{width:110px}.headersectionicons{margin-left:4px}.ExistScreenStyle{padding:10px 10px 0;height:100%;overflow:auto}.DashbordExistScreenStyle{padding:10px 10px 0;height:100%}}@media only screen and (min-width:300px)and (max-width:400px){.CompLogoSection{width:90px}}@media only screen and (max-width:600px){.authWrapper4MainCard{margin:0;height:auto}}@media only screen and (max-width:775px){.MuiTabScrollButton-root{display:flex}.DriverPanel .MuiTabs-scrollButtons,.DriverPanel .MuiTabs-scrollButtonsHideMobile{display:flex!important}}.MachieneDetailsTextfield .MuiInputBase-multiline{height:100%;display:inline;overflow-x:hidden}.OTPTextStyle{text-align:center}.BreadcumbitemContent .MuiTypography-root :hover{background-color:#0288d1;color:#f31535}.BreadcumbitemContent :hover{color:#f31535!important}.filterBtnWithOtherFields{padding-top:5px;overflow-x:auto;overflow-y:hidden;width:50%}.globalsearchbarTableviewOnly{width:30%}.globalsearchbarwithAddBtn{width:50%}.tableDatePicker{width:180px}.IssueRequestTabs .MuiTabs-scroller{overflow-x:auto!important;overflow-y:hidden}.AssetsTabStyling{margin-right:12.6px!important}.UserDetailsTabPanel{padding-top:5px;padding-left:10px;overflow:hidden}.MachineDetailsSubTab{width:50%}.LicenseTabStyling{margin-right:12.6px!important}.CollapseColunmAvatar{height:35px;width:35px}.CollapseColunmImage{height:-webkit-fill-available;width:-webkit-fill-available}.VehicleTabsLabel{width:max-content}.VehicleTabBox{padding-left:0}.VehicleTabBox .MuiAvatar-root{height:75px;width:75px}.VehicleTabBox .MuiTabs-scroller{width:100%}.VehicleTabImage{height:-webkit-fill-available;width:-webkit-fill-available}.smallFontStyle{font-size:.65rem}.HealthCheckTabsStyles{height:100%}.InspectionReportTabStyle{overflow:hidden;height:100%;width:100%}.HealthCheckStyle{height:100%;padding-top:15px}.HealthCheckStyle .MuiCardContent-root{padding-top:0!important;padding-left:0}.reportTable{height:100%;padding:15px;overflow:auto}.reportTable .MuiCardContent-root:last-child{padding:0!important}.InspectReportSubcard{height:100%;overflow:auto}.InspectReportSubcard .MuiCardContent-root:last-child{padding:0!important}.InspectReportSubcard .MuiPaper-root{height:100%;padding:12px 15px 0}.VehicleAvalabilityDetailsTab{padding-bottom:15px;height:100%;overflow:auto}.VehicleAvalabilityDetailsTab .MuiCardContent-root:last-child{padding:0!important}.VehicleAvalabilityDetailsTab .MuiPaper-root{height:100%;padding:15px 8px 15px 15px}.DiagnosticsTab{height:100%}.DiagnosticsTab .MuiCardContent-root:last-child{padding:0!important}.DiagnosticsTabGrid{height:100%;width:100%}.DiagnosticsTabContent{display:flex;justify-content:space-between;padding-right:3px;width:100%;height:30px}.TabPanelStyle{padding:8px}.ServiceRemindersGridSpacing{height:100%;gap:15px}.UptimeGridSpacing{height:100%;gap:15px;overflow:auto}.HealthGridSpacing{min-height:160px}.ServiceMaintanceTabPanel .MuiTabs-flexContainer{display:flex;align-items:baseline}.ServiceMaintanceTabPanel .MuiPaper-root-MuiCard-root{height:100%;overflow:hidden}.ServiceMaintanceTabPanel .MuiTabs-scroller{width:100%}.healthfullHeightWidth{display:flex;align-items:center;min-height:98px;max-height:116px;width:100%}.divMapStyle{height:calc(100% - 15px);width:100%}.DateRangePickerCalendar .rdrDefinedRangesWrapper{display:none}.DateRangePickerCalendar .rdrCalendarWrapper{height:300px}.DateRangePickerCalendar .rdrInfiniteMonths{height:215px!important}.DateRangePickerCalendar .rdrStaticRanges{display:ruby}.DateRangePickerCalendar .rdrDateRangePickerWrapper{display:contents}.DateRangePickerCalendar .rdrStaticRangeLabel{width:100px;min-width:max-content}.DatePickerTextLabel{padding:10px 10px 0;display:flex;gap:5px}.DateRangePopover{display:flex;gap:5px;padding:10px 10px 0}.DownTimeInspectReport{padding-right:16px}.CountOfChipCircle{height:24px;width:24px}.CustomTabsStyling .MuiCardContent-root:last-child{padding:15px 15px 0;padding-right:6px!important}.VehiclesTabs .MuiCardContent-root:last-child{padding:15px}.CustomTabPannel{padding-top:5px;padding-bottom:15px;overflow:hidden}.CustomTabPannel .MuiTabs-scroller{width:100%}.CustomButtonTextStyle{min-width:max-content;font-size:.75rem}.CustomButtonIconStyle{font-size:1.5rem!important}.CustomButtonStyle{padding:6px 10px;height:30px}.filteredColumnsCustomTable,.CustomStatusFilter{height:30px}.FilterValueCustomTable .MuiOutlinedInput-root{height:30px;font-size:.75rem}.FilterValueCustomTable .MuiOutlinedInput-input{padding:0 14px}.VehicleModelYearBrand .MuiTypography-root{font-size:.75rem}.MoreHorizIconAvatar .MuiAvatar-root{height:30px;width:30px}.globalSearchbar .MuiOutlinedInput-root{height:30px;font-size:.75rem}.globalSearchbar .MuiOutlinedInput-input{padding:0 14px}.RoundedCardStyle{padding:6px 16px}.CardCountStyle{font-size:2rem}.dashboardTrackingButtonStyle{height:50px;max-height:50px;min-height:50px}.CardAndTableStyling{width:100%}.TrackingTabPanelStyling{height:calc(100% - 85px);padding:0!important}.TrackingTabPanelStyling1{height:100%}.UptimeTabPanelStyling1{height:100%;padding:0}.dashboardTrackingStyle{height:100%}.DashboardLayoutStyle .MuiCardContent-root:last-child{height:100%;padding-left:15px}.DashboardLayoutStyle{overflow:auto;height:100%}.DashboardUptimeLayoutStyle .MuiCardContent-root:last-child{height:100%;padding:0}.DashboardUptimeLayoutStyle{overflow:auto;height:100%}.HeaderLayoutStyle{max-height:45px;padding-top:0;margin:0}.apbarStyle{padding-top:8px;padding-bottom:8px}.BreadcrubLayoutStyle{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.CompLogoSection{height:25px}.RouteLayoutStyle{display:flex;gap:15px;width:100%;height:100%}.InspectionReportMapDialog{padding:0;height:100%;overflow:auto}.InspectionReportMapDialog .MuiCardContent-root:last-child{padding:0}.InspectionLocationStyle{padding:0;height:100%;overflow:auto}.RouteTableMaincard{height:100%;padding:15px 15px 0}.RouteTableMaincard .MuiCardContent-root:last-child{padding:0}.DashboardCardtextStyle{margin-top:0!important}.MuiPaper-root-MuiDialog-paper{max-height:calc(100% - 20px)!important}.RouteMapStyle{width:50%;height:100%}.fleetTripExpanded{top:116px;height:87%;transition:height .3s ease}.fleetTripCollapsed{top:116px;height:60px;transition:height .3s ease}.RouteMapMaincard{height:100%}.RouteTableStyle{width:50%;height:100%}.RouteMapMaincard .MuiCardContent-root:last-child{padding:0}.LocationFromToTimeline .MuiTimelineConnector-root{height:15px}.LocationFromToTimeline{padding:0;margin:0}.LocationFromToTimeline .MuiTimelineItem-root:before{flex:0;padding:0}.LocationFrom{min-height:35px}.LocationFrom .MuiTimelineContent-root{padding-top:4px;font-size:13px;padding-bottom:0}.LocationTo{min-height:35px}.LocationTo .MuiTimelineContent-root{font-size:13px;padding-top:4px;padding-bottom:0}.iconWithTextStyle{height:14px;width:14px}.DashboardTimelineStyling .MuiTimelineItem-root:before{flex:0;padding:0}.CustomDateRangePickerStyle .MuiInputBase-root{max-height:30px}.CustomDateRangePickerStyle .MuiOutlinedInput-input{padding:0 14px;font-size:12px}.HealthCheckStyle{padding:15px 15px 0}.AadharVerifyButton .MuiButton-root,.AadharVerifyButton .MuiButtonBase-root{width:100%}.InspectionReportTabPannel,.DiagnosticsTabPannel{height:100%}.InspectionReportDetails{height:100%;padding-top:0;padding-bottom:0}.InspectionReportDetails .MuiPaper-rootp{padding-left:15px;padding-right:15px}.ReportDetailsStyle .MuiPaper-root{height:100%}.ReportDetailsStyle .MuiCardHeader-root{padding:5px 0}.ReportDetailsStyle .MuiCardContent-root:last-child{padding-top:0}.DiagSubCard{padding-bottom:15px;height:100%}.DiagSubCard .MuiPaper-root,.MailDrawerLayout,.MailPageLayout .MuiDrawer-root,.MailPageLayout .MuiDrawer-docked .MuiDrawer-paper,.MailPageLayout .MuiPaper-root-MuiDrawer-paper,.MailPageLayout .MuiPaper-root{height:100%}.TabCardsStyling .MuiGrid2MuiGrid-root{--Grid-columns: 12;--Grid-columnSpacing: 0px !important;--Grid-rowSpacing: 0px;flex-direction:row;min-width:0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--Grid-rowSpacing) var(--Grid-columnSpacing);min-height:100px;height:100%;align-items:start}.DashboardGridCalendar .MuiBox-root{padding:0}.DashboardGridCalendar .MuiInputBase-root{max-height:30px}.DashboardGridCalendar .MuiInputBase-root .MuiOutlinedInput-input{box-sizing:border-box;font-size:12px}.DashboardUptimeGridCalendar .MuiInputBase-root{max-height:30px;max-width:220px}.DashboardUptimeGridCalendar .MuiInputBase-root .MuiOutlinedInput-input{box-sizing:border-box}.VehicleLiveTripMap .MuiCardContent-root:last-child{padding:0}.VehiclesFilterCards{max-height:101px;min-height:101px}.VehicleLiveTripSection{height:calc(100% - 116px)}.VehicleLiveTripSectionFullHeight{height:100%}.VehicleListSearchbar .MuiInputBase-root{max-height:30px}.VehicleListSearchbar .MuiOutlinedInput-input{padding:0 14px}.CalenderSearchBar{height:30px}.CalenderSearchBar .MuiOutlinedInput-input{padding:0 14px;height:26px}.collapse:not(.show){display:none}.InspectReportTabs .MuiPaper-root{padding-left:15px;padding-right:15px}.VehicleTripHistory{height:100%}.LocationFromToTimeline .MuiTimelineDot-root{margin:6.5px 0}.vehicleListCardStyle .MuiCardContent-root{padding:10px}.DisplayTripTime .MuiTypography-root{font-size:11px;font-weight:400}.ServiceRemainderStyle{padding-top:12px}.ServiceRemainderStyle .MuiCardContent-root:last-child{padding:0}.ServiceLogTabStyle .MuiCardContent-root:last-child{padding:0}.AlertTabStyle{padding-top:12px}.AlertTabStyle .MuiCardContent-root:last-child{padding:0}.ToggleButtonStyle{height:30px;width:"30px"}.fullHeightWidth{display:flex;height:calc(100% - 30px);width:100%}.UptimeStatusCardfullHeightWidth{display:flex;flex-direction:column;gap:15px;height:100%;width:100%}.UptimefullHeightWidth{display:flex;align-items:center;min-height:80px;height:calc(100% - 40px);width:100%}.DashbordTextStyling{padding:12px;justify-content:center;align-items:center;height:100%;width:100%}.FuelDashboardCardStuling{padding-left:4px;font-size:15px}.DashboardTabCardsStyling .MuiGrid2MuiGrid-root{flex-direction:row;min-width:0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0!important;min-height:100px;height:0%;align-items:start}.DashboardTabCardsStyling .MuiPaper-root-MuiCard-root{overflow:unset!important}.DashboardTabCardsStyling .MuiGrid-root{gap:0!important;display:inline}.DashboardMainCardStyle{padding-left:0;padding-top:15px;height:100%}.ServiceRemainderTabStyle .MuiCardContent-root:last-child{padding:0}.DriverTabStyle .MuiCardContent-root:last-child{padding-left:5px;padding-top:5px}.DashboardMainCardStyleTracking{padding:0}.DashboardMainCardStyleTracking .MuiCardContent-root:last-child{padding:0}.DashboardMainCardStyleTracking{height:100%;margin:0;background-color:#dbdbdbd3}.IncidentTableLayout .MuiCardContent-root:last-child{padding:15px}.IncidentTableLayout .MuiCard-root{height:100%}.DashboarTabStyle .MuiTabs-root{margin-bottom:2px;min-height:40px}.DashboarTabStyle .DashboardTrackingLayout .IncidentTableLayout .MuiCardContent-root:last-child{padding:15px}.DashboardMainGridLayout .MuiPaper-root{width:100%}.DashboardMainGridLayout .MuiCardContent-root:last-child{display:flex;flex-direction:row;padding:5px;justify-content:space-between}.FleetAvalabilityStyle .MuiGrid-root{display:flex;padding:0;align-items:center;justify-content:center}.MaintainanceUpTimeCards{min-height:160px!important}.MaintainanceUpTimeCards .MuiGrid-root{gap:0px;padding:0;height:100%;display:flex;align-items:center;justify-content:center}.HealthAlertStyle{min-height:160px!important}.HealthAlertStyle .MuiGrid-root{padding:0}.DashboardGridCalendar .MuiTextField-root{width:fit-content}.FuelSummaryLayout .MuiCardContent-root:last-child{padding:0}.FuelSummaryLayout{overflow:auto}.VehicleFuelSummary{width:100%;height:calc(100% - 61px);display:flex;flex-direction:row;gap:16px}.FuelCardsLayout{padding:15px 0 15px 15px}.FuelTabPanelStyling1{height:100%}.VehicleFuelInfo .MuiGrid-root{gap:5px;padding:0}.DropDownLabel .MuiSelect-select{font-size:12px}.FuelStackStyle{height:120px}.FuelCardsWithGraph{display:flex;flex-direction:column;gap:15px;height:100%}.FuelSummaryHeader{height:60px;padding-top:10px}.DriverVerificationDialog .MuiCardContent-root:last-child{padding:0}.DeviceContentLayout .MuiCard-root{width:100%}.ServiceLogDowntimeStyle{padding-top:10px}.ServiceLogDowntimeStyle .MuiCardContent-root:last-child{padding:0}.UptimeWithDateCard{width:100%}.VehicleUptimeTableWithCards .MuiCardHeader-root{padding-top:5px;padding-bottom:5px}.VehicleUptimeCardsAndTable{display:flex;flex-direction:column;width:100%;padding:15px}.VehicleUptimeCardsAndTable .MuiCardContent-root:last-child{display:flex;flex-direction:column}.VehicleUptimeCardMainStyle .MuiCardContent-root:last-child{display:flex;gap:15px;width:100%;overflow:auto}.UpTimeTable{height:calc(100% - 10px);overflow:auto}.filled{font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48}.outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.FleetHRLine{height:80px;margin:0;padding:0}.VehicleUptimeStatusCards{padding:15px}.VehiclesDropDown,.VehiclesDropDown .MuiInputBase-root{max-height:30px}.DashBoardCalenderStyling .MuiFormLabel-root{font-size:12px}.DashBoardCalenderStyling .MuiOutlinedInput-input{width:175px}.fuelDashboardCount{font-weight:700;font-size:32px;width:"70%"}.fuelDashboardcard{display:flex;justify-content:end;width:100%}.fuelDashboardcardIcon{display:flex;flex-direction:row;justify-content:end;width:30%;align-items:center;height:100%}.DashBoardMapStyling,.DashBoardMapStyling .apexchartsfuel-chart{height:450px!important}.VehicleUptimePercentTable .MuiCardContent-root{height:calc(100% - 149px)!important}.FleetDashboardCardStyling{display:flex;flex-direction:column;gap:15px;height:100%}.FleetCountStyling .MuiTypography-root{font-size:"40px"!important}.DashboardProgressBarCard{height:30px}.DashboardProgressBarCard .MuiTypography-root{margin-bottom:0}.DashboardTrackingProgressBar{position:relative;display:flex;margin-top:16px;height:12px;border-radius:5px;overflow:hidden;margin-bottom:20px}.TrackingDashboardRoundIcon{display:"flex";flex-direction:row;justify-content:space-evenly;margin-top:12px}.AlertDashboardCount{font-weight:700;font-size:40px;width:70%}.TripDetailsCardStyle{width:100%;height:50px;align-items:center;justify-content:space-between}.OnTimeDilivaryRateCard,.tripDetailsCardStylings{align-items:start;padding-top:15px}.mobilePortaeStyle .MuiInputBase-root{height:30px}.mobilePortaeStyle .MuiOutlinedInput-input{padding:0 14px}.TripDetailsSubCards{align-items:start}.TrackingTripDetailsStyle{min-height:275px}.FleetOverviewVehicleStyle{min-height:160px;max-height:160px;--paper-shadow: none !important;box-shadow:none!important}.FleetVehicleStyle{min-height:110px!important;max-height:110px!important;display:flex;width:100%}.AlertMailStyleContainer .MuiCardContent-root:last-child{padding:0;width:100%}.AlertMailStyleContainer{height:100%;padding:15px 15px 0}.AlertMailMainStyle{padding:15px;height:100%;width:100%;margin:0}.AlertMailDownTimeMainStyle{padding:15px 0;height:100%;width:100%;margin:0}.AlertGridStyleContainer,.AlertMailListContainer{height:100%}.MailListHeader{height:50px}.MailListTable{height:calc(100% - 90px)}.AlertMailSearchBar .MuiInputBase-root{height:30px}.AlertMailSearchBar .MuiOutlinedInput-input{padding:0 14px}.ongoingProgresBarStyling{display:flex!important;align-items:center;padding-top:15px}.BorderLinearProgressStyling{width:120px;height:10px;border-radius:5px}.FuelDashboard{min-height:160px}.ChnageUptimePercentChip .MuiChip-label{padding-left:4px;padding-right:4px}.OntimeDeliveryDotStyle{margin-top:5px!important}.AvailabilityFleetStyle{height:40px}.MainContentStyleMinheight{overflow:hidden;min-height:100%}.SelectStatusFromChip{font-size:12px}.SelectStatusFromChip .MuiOutlinedInput-input{padding:0 14px}div.pac-container{z-index:99999999999!important}.BillingwithSubscription .MuiAlert-message{display:flex;justify-content:space-between;width:100%;align-items:center}.SubcribeAndBillingSection .MuiCard-root{height:100%}.SubcribeAndBillingTable{max-height:450px;min-height:350px}.SubcribeAndBillingTable .MuiCardHeader-root{height:58px}.SubcribeAndBillingTable .MuiCardContent-root{height:calc(100% - 39px)}.InvoicetableCardStyle .MuiCardContent-root{height:100%}.BegineerStyle{padding-top:0}.ChoosePlanStyle .MuiStepper-root{padding-top:20px;padding-bottom:20px}.FuelConsumptionGraph{height:350px}.FuelConsumptionChart{border-radius:8px}.VehicleDetailsInto{font-size:14px}.InspectionApexChart .apexcharts-legend.apx-legend-position-right{top:20px!important;right:35px!important}.VehicleAvaliabilityMap{min-height:645px;height:100%;width:100%}@supports (-webkit-appearance: none){*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar{width:4px;height:4px;background:transparent;overflow-x:hidden}*::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background-color:#697586}*::-webkit-scrollbar-button{display:none}}@supports (-moz-appearance: none){*{scrollbar-width:thin}}.st-table-card::-webkit-scrollbar{width:12px;height:12px;background:#f1f5f9}.st-table-card::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 0 12px 12px}.st-table-card::-webkit-scrollbar-thumb{background-color:#94a3b8;border:2px solid #f1f5f9;border-radius:8px;min-width:40px;min-height:40px}.st-table-card::-webkit-scrollbar-thumb:hover{background-color:#64748b}.st-table-card::-webkit-scrollbar-corner{background:#f1f5f9}.st-table-card{scrollbar-width:auto;scrollbar-color:#94a3b8 #f1f5f9}.maincard .css-j4isg9-MuiCardContent-root:last-child{padding:0}@media screen and (max-width:1830px){.VehicleAvailabilityCardTitle{font-size:18px}}@media screen and (max-width:1366px){.dashcam-panel{width:20px;height:220px;position:relative;margin:0 8px}.dashcam-svg{width:10%;height:100%}.tableDatePicker{width:140px}.tableDatePicker .MuiInputBase-inputAdornedEnd{padding:10px 0 10px 10px}.tableDatePicker .MuiInputAdornment-root{margin-left:0}.tableDatePicker .MuiIconButton-root{padding-left:0}.DashbordTextStyling{padding:8px}.FleetAvailabitiltyDot{height:10px;width:10px}.FleetAvailabitiltyText{font-size:12px}.AvailabilityFleetStyle{padding-top:0}.FleetAvailabilityCount{margin-top:0;font-size:25px;font-weight:500}.UpTimeExistScreenStyle .MuiCardHeader-root{padding:8px}.UpTimeExistScreenStyle .MuiCardHeader-root{height:80px}.ContentCountAveragePercent{font-size:30px}.UptimePercentWithChip{display:flex;gap:5px}.ChnageUptimePercentChip .MuiChip-label{padding-left:4px;padding-right:4px}.UptimeCardHeader{font-size:14px}.VehicleUptimeStatusCards{padding:8px}.UptimeStatusCardsCountStyle{font-size:19px}.VehicleFuelInfo .MuiGrid-root{gap:5px;padding:0}.VehicleFuelInfo .MuiBox-root{padding:8px;gap:15px}.FuelDashboardCardStuling{padding-left:4px;font-size:13px}.fuelDashboardCount{font-weight:700;font-size:26px;width:"70%"}.fuelDashboardcard{display:flex;flex-direction:column;justify-content:end;width:100%}.DashBoardMapStyling,.DashBoardMapStyling .apexcharts-canvas{height:330px}.VehicleUptimePercentTable .MuiCardContent-root{height:calc(100% - 81px)!important}.OnTimeDilivaryRateCard,.tripDetailsCardStylings{align-items:start;padding-top:0}.TrackingDashboardRoundIcon{display:"flex";flex-direction:row;justify-content:space-evenly;margin-top:0}.DashboardTrackingProgressBar{position:relative;display:flex;margin-top:0;height:12px;border-radius:5px;overflow:hidden;background-color:#e0e0e0;margin-bottom:10px!important}.FleetTrackingVehicleStyle{min-height:130px!important;max-height:135px!important}.FleetTrackingCradsStyle .MuiGrid-root{gap:0px;max-height:90px;--paper-shadow: none !important;box-shadow:none!important}.TrackingDashBoardGrid .MuiPaper-root{box-shadow:none!important}.ongoingProgresBarStyling{display:flex!important;align-items:center;padding-top:3px}.DashbordExistScreenStyle{padding:10px 15px 0;height:89%}.DashbordExistScreenStyle .MuiCardContent-root{margin:0;padding:0;height:89%}.BorderLinearProgressStyling{min-width:120px;height:10px;border-radius:5px}.UptimefullHeightWidth{display:flex;align-items:center;height:calc(100% - 40px);min-height:54px;width:100%}.AvailabilityFleetStyle{height:24px}.TrackingProgressbarGrid{--Grid-columnSpacing: 15px;--Grid-rowSpacing: 15px;width:100%;height:100%}.TrackingProgressbarGrid .MuiGrid-root{flex:auto;height:100%;gap:0px;min-height:506px!important;--paper-shadow: none !important;box-shadow:none!important}.FleetOverviewVehicleStyle{min-height:135px!important;max-height:135px!important;--paper-shadow: none !important;box-shadow:none!important}.FleetVehicleStyle{min-height:90px!important;max-height:90px!important;display:flex;width:100%}.DashboardTrackingCards .MuiCardContent-root{padding:0 30px!important;--paper-shadow: none !important;box-shadow:none!important}.HealthGridSpacing{min-height:140px}.LiveAvaiableVehiclesCardCollapseBody{height:calc(100% - 60px)!important;color:#fff!important}}@media screen and (max-width:1700px){.LiveAvaiableVehiclesCardCollapseBody{height:calc(100% - 52px)!important;color:#fff!important}.FleetTrackingVehicleStyle{min-height:146px;max-height:160px}.TrackingDashBoardGrid .MuiPaper-root{box-shadow:none!important}.InspectionApexChart .apexcharts-legend.apx-legend-position-right{top:20px!important;right:45px!important}.FuelConsumptionGraph{height:250px;max-height:250px;min-height:250px}.VehicleFuelInfo .MuiGrid-root{gap:5px;padding:0}.VehicleFuelInfo .MuiBox-root{padding:8px}.VehicleFuelInfo .MuiGrid-root{gap:15px;padding:0!important}.VehicleFuelInfo .MuiBox-root{gap:10px!important;padding:0!important}.fuelDashboardCount{font-weight:700;font-size:20px;width:"70%"}.fuelDashboardcard{display:flex;flex-direction:column;justify-content:end;width:100%}.DashBoardMapStyling,.DashBoardMapStyling .apexcharts-canvas{height:330px!important}.fuelDashboardcardIcon{display:flex;flex-direction:row;justify-content:end;width:30%;align-items:center;height:100%}.DashboardCradsIcons{font-size:2rem;font-weight:300}.FuelManagmentCards{font-size:20px;font-weight:300}.faqGridStyle{margin-top:50px;margin-bottom:15px}.FuelDashboardCardStuling{padding-left:4px;font-size:13px}.DashBoardGrid{--Grid-columnSpacing: 15px;--Grid-rowSpacing: 15px;width:100%}.DashBoardGrid .MuiGrid-root{justify-content:left;flex:auto;gap:10px}.DashBoardGrid .fleetMapServiceStationDetailControl{width:25%;min-width:300px;height:80%;right:2%}.OnTimeDilivaryRateCard,.tripDetailsCardStylings{align-items:start;padding-top:0}.TrackingDashboardRoundIcon{display:"flex";flex-direction:row;justify-content:space-evenly;margin-top:0}.DashboardTrackingProgressBar{position:relative;display:flex;margin-top:0;height:12px;border-radius:5px;overflow:hidden;background-color:#e0e0e0;margin-bottom:0}.ongoingProgresBarStyling{display:flex!important;align-items:center;padding-top:3px}.DashbordExistScreenStyle{padding:10px 15px 0;height:100%}.DashbordExistScreenStyle .MuiCardContent-root{margin:0;padding:0;height:100%}.BorderLinearProgressStyling{height:10px;border-radius:5px}.UptimefullHeightWidth{display:flex;align-items:center;height:calc(100% - 40px);min-height:54px;width:100%}.AvailabilityFleetStyle{height:24px}}@media screen and (max-width:767px){.filterBtnWithOtherFields{width:62%}.globalsearchbarTableviewOnly,.globalsearchbarwithAddBtn{width:38%}.FilterValueCustomTable{min-width:120px}.globalSearchbar{width:max-content}.filtersScreenWithRes .MuiInputBase-inputSizeSmall{padding:10px}}:root{--primary-blue: #1e3a5f;--primary-red: #e1000f;--bg-white: #ffffff;--bg-page: #f8fafc;--text-dark: #1e3a5f;--text-gray: #666666;--text-light: #999999;--border-color: #e0e0e0;--hover-bg: #f8f9fa;--active-bg: #e8f0f8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #e1000f;--color-info: #1e3a5f;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-family)}.MuiButtonBase-root,.MuiInputBase-root,.MuiInputBase-input,.MuiTypography-root,.MuiTableCell-root,.MuiMenuItem-root,.MuiChip-root,.MuiChip-label,.MuiSelect-select,.MuiFormLabel-root,.MuiFormHelperText-root,.MuiTableSortLabel-root,.MuiTablePagination-displayedRows,.MuiTablePagination-selectLabel,.MuiTextField-root input,.MuiOutlinedInput-input,.MuiTab-root{font-family:var(--font-family)!important}.ui-text-dark{color:var(--text-dark)}.ui-text-gray{color:var(--text-gray)}.ui-text-light{color:var(--text-light)}.ui-text-primary{color:var(--primary-blue)}.ui-text-danger{color:var(--primary-red)}.ui-text-success{color:var(--color-success)}.ui-text-warning{color:var(--color-warning)}.ui-font-normal{font-weight:var(--font-weight-normal)}.ui-font-medium{font-weight:var(--font-weight-medium)}.ui-font-semibold{font-weight:var(--font-weight-semibold)}.ui-font-bold{font-weight:var(--font-weight-bold)}.ui-text-xs{font-size:var(--font-size-xs)}.ui-text-sm{font-size:var(--font-size-sm)}.ui-text-base{font-size:var(--font-size-base)}.ui-text-lg{font-size:var(--font-size-lg)}.ui-text-xl{font-size:var(--font-size-xl)}.ui-alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:var(--space-lg);font-size:var(--font-size-base)}.ui-alert-primary,.ui-alert-info{background:var(--active-bg);border-color:var(--primary-blue);color:var(--primary-blue)}.ui-alert-success{background:#dcfce7;border-color:var(--color-success);color:#16a34a}.ui-alert-warning{background:#fef3c7;border-color:var(--color-warning);color:#ca8a04}.ui-alert-danger{background:#fee2e2;border-color:var(--primary-red);color:var(--primary-red)}.ui-bg-blue{background:var(--primary-blue);color:#fff}.ui-bg-red{background:var(--primary-red);color:#fff}.ui-bg-success{background:var(--color-success);color:#fff}.ui-bg-warning{background:var(--color-warning);color:#fff}.ui-bg-active{background:var(--active-bg)}.ui-bg-page{background:var(--bg-page)}.ui-bg-white{background:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}:root{--primary-blue: #1e3a5f;--primary-red: #e1000f;--bg-white: #ffffff;--bg-page: #f8fafc;--text-dark: #1e3a5f;--text-gray: #666666;--text-light: #999999;--border-color: #e0e0e0;--hover-bg: #f8f9fa;--active-bg: #e8f0f8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #e1000f;--color-info: #1e3a5f;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-gray);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,.page-title{color:var(--text-dark);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-md)}h3,.section-title{color:var(--text-dark);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--space-sm)}h4{color:var(--text-dark);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.4;margin-bottom:var(--space-sm)}h5,h6{color:var(--text-dark);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.5;margin-bottom:var(--space-sm)}p{color:var(--text-gray);margin-bottom:var(--space-md);line-height:1.6}a{color:var(--primary-blue);text-decoration:none;transition:var(--transition-base)}a:hover{text-decoration:underline}.text-dark{color:var(--text-dark)}.text-gray{color:var(--text-gray)}.text-light,.text-muted{color:var(--text-light)}.text-primary{color:var(--primary-blue)}.text-danger{color:var(--primary-red)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover:not(:disabled){background:#2a4a75;transform:translateY(-1px);box-shadow:var(--shadow-lg);text-decoration:none}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--primary-blue);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-blue);text-decoration:none}.btn-danger{background:var(--primary-red);color:#fff}.btn-danger:hover:not(:disabled){background:#b3000c;transform:translateY(-1px);box-shadow:var(--shadow-lg);text-decoration:none}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-lg);text-decoration:none}.btn-outline{background:transparent;color:var(--text-gray);border:1px solid var(--border-color)}.btn-outline:hover:not(:disabled){background:var(--hover-bg);text-decoration:none}.btn-sm{padding:6px 14px;font-size:var(--font-size-sm)}.btn-lg{padding:14px 28px;font-size:var(--font-size-lg)}.btn-block{display:flex;width:100%}.card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{box-shadow:0 2px 8px #0000000f;border-color:var(--primary-blue);transform:translateY(-1px)}.card-header{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.card-title{color:var(--text-dark);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.card-subtitle{color:var(--text-gray);font-size:var(--font-size-sm)}.card-body{color:var(--text-gray);font-size:var(--font-size-base);line-height:1.6}.card-footer{padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--border-color)}.card-compact{padding:var(--space-md)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap}.badge-primary{background:var(--active-bg);color:var(--primary-blue)}.badge-danger,.badge-error{background:#fee2e2;color:var(--primary-red)}.badge-success{background:#dcfce7;color:#16a34a}.badge-warning{background:#fef3c7;color:#ca8a04}.badge-info{background:var(--active-bg);color:var(--primary-blue)}.badge-secondary{background:var(--hover-bg);color:var(--text-gray)}.badge-sm{padding:2px 8px;font-size:11px}.badge-lg{padding:6px 16px;font-size:var(--font-size-sm)}.form-label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-dark);text-transform:capitalize;letter-spacing:.5px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--text-dark);background:#fff;transition:all var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue);background:#fff;box-shadow:0 0 0 2px #1e3a5f14}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-light)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f8f9fa;color:var(--text-light);cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.form-help{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-light)}.form-error{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--primary-red)}.form-check{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.form-check-input{width:18px;height:18px;cursor:pointer}.form-check-label{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-gray);cursor:pointer;text-transform:none;letter-spacing:normal}.nav{display:flex;flex-direction:column;gap:var(--space-xs);padding:0;margin:0}.nav-item{padding:12px 16px;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-dark);cursor:pointer;transition:all var(--transition-base);position:relative;text-decoration:none;display:flex;align-items:center;gap:var(--space-sm);background:transparent;border:none;outline:none}.dashboard-sidebar .nav-item{color:#111827}.dashboard-sidebar .nav-item.submenu-item{color:#374151}.dashboard-sidebar .nav-item:hover{color:#0f172a}.nav-item:hover{background:var(--hover-bg);text-decoration:none}.nav-item.active{background:#e8f4f9;color:var(--primary-blue);font-weight:var(--font-weight-medium)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-red);border-radius:0 2px 2px 0}.nav-horizontal{flex-direction:row;flex-wrap:wrap}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.sidebar-nav,.sidebar-nav *,.submenu,.submenu *,.nav-item,.nav-item *,button.nav-item,button.nav-item.submenu-item{list-style:none!important;list-style-type:none!important;list-style-position:outside!important;list-style-image:none!important}.sidebar-nav *::marker,.submenu *::marker,.nav-item::marker,button.nav-item::marker{content:none!important;display:none!important}.submenu{display:flex!important;flex-direction:column;gap:4px;margin:4px 0 0;padding:0}.nav-item.submenu-item{padding-left:40px!important;margin-left:0;position:relative;display:flex!important}button.nav-item.submenu-item{display:flex!important;align-items:center;position:relative}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;height:100%;min-height:20px;background:var(--primary-red);border-radius:0 2px 2px 0;display:block}.sidebar-nav button.nav-item.submenu-item.active,button.nav-item.submenu-item.active{background:#e8f4f9!important;color:var(--primary-blue)!important}.sidebar-nav button.nav-item.submenu-item.active:before,button.nav-item.submenu-item.active:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:3px!important;height:100%!important;background:var(--primary-red)!important;background-color:#e1000f!important;border-radius:0 2px 2px 0!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:100!important}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-xl);overflow:hidden}.table thead{background:#f8fafc}.table th{padding:12px 16px;text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-gray);text-transform:capitalize;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.table tbody tr:hover{background:#f8fafc}.table tbody tr:last-child{border-bottom:none}.table td{padding:14px 16px;color:var(--text-gray);font-size:var(--font-size-sm)}.table-striped tbody tr:nth-child(2n){background:#fafafa}.table-bordered{border:1px solid var(--border-color)}.table-bordered th,.table-bordered td{border-right:1px solid var(--border-color)}.table-bordered th:last-child,.table-bordered td:last-child{border-right:none}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{background:#fff;border-radius:var(--radius-2xl);width:100%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark)}.modal-close{background:var(--hover-bg);border:none;color:var(--text-gray);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#fee2e2;color:var(--primary-red)}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--space-sm)}.modal-content.modal-sm{max-width:400px}.modal-content.modal-lg{max-width:900px}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:var(--space-lg)}.alert-primary{background:var(--active-bg);border-color:var(--primary-blue);color:var(--primary-blue)}.alert-danger{background:#fee2e2;border-color:var(--primary-red);color:var(--primary-red)}.alert-success{background:#dcfce7;border-color:var(--color-success);color:#16a34a}.alert-warning{background:#fef3c7;border-color:var(--color-warning);color:#ca8a04}.alert-info{background:var(--active-bg);border-color:var(--primary-blue);color:var(--primary-blue)}.m-0{margin:0}.m-1{margin:var(--space-xs)}.m-2{margin:var(--space-sm)}.m-3{margin:var(--space-md)}.m-4{margin:var(--space-lg)}.m-5{margin:var(--space-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.border,.border-2{border:1px solid var(--border-color)}.border-primary{border-color:var(--primary-blue)}.border-danger{border-color:var(--primary-red)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.bg-white{background:#fff}.bg-gray{background:#f5f5f5}.bg-primary{background:var(--primary-blue)}.bg-danger{background:var(--primary-red)}.bg-success{background:var(--color-success)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.w-auto{width:auto}.w-50{width:50%}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.container-fluid{width:100%;padding-left:var(--space-lg);padding-right:var(--space-lg)}@media(max-width:1440px){:root{--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px}}@media(max-width:768px){:root{--font-size-3xl: 24px;--font-size-2xl: 20px;--space-xl: 24px;--space-2xl: 32px}.container{padding-left:var(--space-md);padding-right:var(--space-md)}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-overlay{padding:0}.table{font-size:var(--font-size-xs)}.table th,.table td{padding:8px 12px}.btn{padding:8px 16px;font-size:var(--font-size-sm)}.nav-horizontal{flex-direction:column}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}*:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}html[style*=--font-family] body,html[style*=--font-family] body *{font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important}html[style*=--font-family] code,html[style*=--font-family] pre,html[style*=--font-family] .record-id,html[style*=--font-family] .ip-address,html[style*=--font-family] .json-content,html[style*=--font-family] kbd{font-family:Courier New,monospace!important}[data-font-size=small]{font-size:13px}[data-font-size=small] .dashboard-header{height:40px}[data-font-size=small] .dashboard-statusbar{height:20px;font-size:9px}[data-font-size=large]{font-size:16px}[data-font-size=xlarge]{font-size:18px}[data-density=compact] .dashboard-main{padding:10px 12px 12px}[data-density=compact] .modal-body{padding:16px 20px}[data-density=compact] .form-group{margin-bottom:12px}[data-density=compact] .nav-item{padding:8px 14px}[data-density=compact] .btn,[data-density=compact] .btn-primary,[data-density=compact] .btn-secondary,[data-density=compact] .btn-outline{padding:7px 14px}[data-density=compact] .card{padding:14px}[data-density=spacious] .dashboard-main{padding:24px}[data-density=spacious] .modal-body{padding:32px 36px}[data-density=spacious] .form-group{margin-bottom:28px}[data-density=spacious] .nav-item{padding:14px 18px}[data-density=spacious] .btn,[data-density=spacious] .btn-primary,[data-density=spacious] .btn-secondary,[data-density=spacious] .btn-outline{padding:12px 24px}[data-density=spacious] .card{padding:28px}[data-theme=dark]{--primary-blue: #60a5fa;--primary-red: #ef4444;--bg-white: #1e293b;--bg-page: #0f172a;--bg-surface: #1e293b;--bg-elevated: #334155;--text-dark: #e2e8f0;--text-gray: #cbd5e1;--text-light: #94a3b8;--border-color: #334155;--hover-bg: #334155;--active-bg: #475569;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #ef4444;--color-info: #60a5fa;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5)}[data-theme=dark] body{background:var(--bg-page);color:var(--text-gray)}[data-theme=dark] .dashboard-header{background:var(--bg-surface)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .dashboard-sidebar{background:var(--bg-surface)!important;border-right-color:var(--border-color)!important}[data-theme=dark] .dashboard-main{background:var(--bg-page)!important}[data-theme=dark] .dashboard-layout>div:last-child{background:var(--bg-surface)!important;border-top-color:var(--border-color)!important;color:var(--text-light)!important}[data-theme=dark] .header-selector-label{color:var(--text-light)!important}[data-theme=dark] .header-selector-select{color:var(--text-dark)!important}[data-theme=dark] .header-selector-select:hover{color:var(--primary-blue)!important}[data-theme=dark] .header-breadcrumb{border-left-color:var(--border-color)!important}[data-theme=dark] .header-bc-nav-btn{color:var(--text-light)!important}[data-theme=dark] .header-bc-nav-btn:hover:not(:disabled){background:var(--hover-bg)!important;color:var(--text-dark)!important}[data-theme=dark] .header-bc-path{color:var(--text-light)!important}[data-theme=dark] .header-bc-path span:last-child{color:var(--text-dark)!important}[data-theme=dark] .header-profile-btn{color:var(--text-dark)!important}[data-theme=dark] .header-profile-btn:hover{background:var(--hover-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] .header-profile-name{color:var(--text-dark)!important}[data-theme=dark] .header-profile-meta{color:var(--text-light)!important}[data-theme=dark] .header-role-badge{background:var(--bg-elevated)!important;color:var(--text-light)!important}[data-theme=dark] .header-profile-dropdown{background:var(--bg-surface)!important;border-color:var(--border-color)!important;box-shadow:0 8px 30px #0006!important}[data-theme=dark] .header-profile-dropdown button{color:var(--text-gray)!important}[data-theme=dark] .header-profile-dropdown button:hover{background:var(--hover-bg)!important}[data-theme=dark] .header-profile-dropdown .dd-divider{background:var(--border-color)!important}[data-theme=dark] .header-profile-dropdown .dd-shortcut{background:var(--bg-elevated)!important;border-color:var(--border-color)!important;color:var(--text-light)!important}[data-theme=dark] .header-img-selector-btn{color:var(--text-dark)!important}[data-theme=dark] .header-img-dropdown{background:var(--bg-surface)!important;border-color:var(--border-color)!important;box-shadow:0 8px 30px #0006!important}[data-theme=dark] .header-img-dropdown-item{color:var(--text-gray)!important}[data-theme=dark] .header-img-dropdown-item:hover{background:var(--hover-bg)!important}[data-theme=dark] .header-img-dropdown-item.active{background:#60a5fa1f!important;color:var(--primary-blue)!important}[data-theme=dark] .header-cmd-btn{border-color:var(--border-color)!important;color:var(--text-light)!important}[data-theme=dark] .header-cmd-btn:hover{border-color:var(--primary-blue)!important;color:var(--primary-blue)!important;background:var(--hover-bg)!important}[data-theme=dark] .sidebar-toggle{color:var(--text-gray)!important}[data-theme=dark] .sidebar-toggle:hover{background:var(--hover-bg)!important}[data-theme=dark] .nav-item{color:var(--text-gray)!important}[data-theme=dark] .nav-item:hover{background:var(--hover-bg)!important;color:var(--text-dark)!important}[data-theme=dark] .nav-item.active{background:#60a5fa1f!important;color:var(--primary-blue)!important}[data-theme=dark] .modal-overlay{background:#000000bf!important}[data-theme=dark] .modal-container{background:var(--bg-surface)!important}[data-theme=dark] .modal-header{border-bottom-color:var(--border-color)!important}[data-theme=dark] .modal-title{color:var(--text-dark)!important}[data-theme=dark] .modal-subtitle{color:var(--text-light)!important}[data-theme=dark] .modal-body{background:var(--bg-surface)!important}[data-theme=dark] .modal-footer{border-top-color:var(--border-color)!important;background:var(--bg-page)!important}[data-theme=dark] .modal-close{background:var(--bg-elevated)!important;color:var(--text-light)!important}[data-theme=dark] .modal-close:hover{background:#5f2020!important;color:#ef4444!important}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] input[type=url],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-page)!important;border-color:var(--border-color)!important;color:var(--text-dark)!important}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus,[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--primary-blue)!important}[data-theme=dark] .form-label,[data-theme=dark] label{color:var(--text-gray)!important}[data-theme=dark] .btn-primary{background:var(--primary-blue)!important;color:var(--bg-page)!important}[data-theme=dark] .btn-primary:hover:not(:disabled){background:#3b82f6!important}[data-theme=dark] .btn-outline{border-color:var(--border-color)!important;color:var(--text-gray)!important;background:transparent!important}[data-theme=dark] .btn-outline:hover:not(:disabled){background:var(--hover-bg)!important;border-color:var(--text-light)!important}[data-theme=dark] .btn-danger{background:#ef4444!important;color:#fff!important}[data-theme=dark] .st-table-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .st-thead-row{background:var(--bg-page)!important}[data-theme=dark] .st-th{color:var(--text-light)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .st-th-sorted{background:#60a5fa1a!important}[data-theme=dark] .st-filter-row{background:var(--bg-page)!important}[data-theme=dark] .st-filter-row th{border-bottom-color:var(--border-color)!important;background:var(--bg-page)!important}[data-theme=dark] .st-row{border-bottom-color:var(--border-color)!important}[data-theme=dark] .st-row:hover{background:var(--hover-bg)!important}[data-theme=dark] .st-td{color:var(--text-gray)!important}[data-theme=dark] .st-td-sorted{background:#60a5fa0d!important}[data-theme=dark] .st-toolbar-btn{background:var(--bg-surface)!important;border-color:var(--border-color)!important;color:var(--text-light)!important}[data-theme=dark] .st-toolbar-btn:hover{background:var(--hover-bg)!important;color:var(--text-dark)!important}[data-theme=dark] .st-col-menu{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .st-row-count{background:var(--bg-elevated)!important;color:var(--text-light)!important}[data-theme=dark] .st-selection-count{background:#60a5fa26!important;color:var(--primary-blue)!important}[data-theme=dark] .st-pagination{color:var(--text-light)!important}[data-theme=dark] .st-page-btn{border-color:var(--border-color)!important;background:var(--bg-surface)!important;color:var(--text-light)!important}[data-theme=dark] .st-page-btn:hover{background:var(--hover-bg)!important}[data-theme=dark] .st-page-btn-active{background:var(--primary-blue)!important;border-color:var(--primary-blue)!important;color:#fff!important}[data-theme=dark] .stat-card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .stat-card:hover{border-color:var(--text-light)!important}[data-theme=dark] .modal-title-block,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--text-dark)!important}[data-theme=dark] p{color:var(--text-gray)}[data-theme=dark] .tab-control-item{color:var(--text-gray)!important;border-color:transparent!important}[data-theme=dark] .tab-control-item:hover{background:var(--hover-bg)!important}[data-theme=dark] .tab-control-item.active{color:var(--primary-blue)!important}[data-theme=dark] .badge-primary{background:#60a5fa26;color:#93bbfd}[data-theme=dark] .badge-success{background:#34d39926;color:#6ee7b7}[data-theme=dark] .badge-warning{background:#fbbf2426;color:#fcd34d}[data-theme=dark] .badge-danger{background:#ef444426;color:#fca5a5}[data-theme=dark] .badge-info{background:#60a5fa26;color:#93bbfd}[data-theme=dark] .badge-gray{background:var(--bg-elevated);color:var(--text-light)}[data-theme=dark] .card{background:var(--bg-surface)!important;border-color:var(--border-color)!important}[data-theme=dark] .card:hover{border-color:var(--text-light)!important}[data-theme=dark] .table{background:var(--bg-surface)!important}[data-theme=dark] .table thead{background:var(--bg-page)!important}[data-theme=dark] .table th{border-bottom-color:var(--border-color)!important;color:var(--text-light)!important}[data-theme=dark] .table td{color:var(--text-gray)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .table tbody tr:hover{background:var(--hover-bg)!important}[data-theme=dark] .alert-primary{background:#60a5fa1a;color:#93bbfd}[data-theme=dark] .alert-success{background:#34d3991a;color:#6ee7b7}[data-theme=dark] .alert-warning{background:#fbbf241a;color:#fcd34d}[data-theme=dark] .alert-danger{background:#ef44441a;color:#fca5a5}[data-theme=dark] .settings-content{color:var(--text-gray)}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-page)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}input[type=date],input[type=datetime-local]{position:relative;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;position:absolute;right:0;top:0;width:32px;height:100%;opacity:0;z-index:1}:root{--white: #ffffff;--textColor: rgb(51, 51, 51);--WelcomeFontSize: 1.4rem;--sideBarIconFontSize: 20px;--appHeaderSettingIconFontSize: 20px;--appHeaderUserIconFontSize: 20px;--sideMenuItemFontSize: 2.4rem;--sideMenuItemDescFontSize: 1rem;--sideMenuIconFontSize: 3rem;--vciCardIconFont: 2.4rem;--vciCardBodyFont: 1.3rem;--vciCardVehicleFont: 1.1rem;--vehicleHeaderIconFont: 80px;--dataListHeaderFontSize: 1.2rem;--dataListHeaderIconFontSize: 1.9rem;--headingStyle: XXX-large;--loginInputStyle: 43px;--bodyFontSize: larger;--headerToolbarTitleStyleFontSize: 1.8rem;--supportCardIconFont: 2.4rem;--supportHeaderFontSize: 1.8rem;--tile17: #2c6892;--tile18: #cac6c6;--tile19: #cbcbcb;--tilebackground: #f4f4f7;--formTextColor: rgb(0, 0, 0);--formBckColor: var(--tile5);--xxsmallFont: 12px;--extraSmallFont: 14px;--xsmallFont: 16px;--smallFont: 18px;--mediumFont: 20px;--mediumPlusFont: 19.8px;--largeFont: 21.6px;--largePlusFont: 23.4px;--largerFont: 25.2px;--largestFont: 28.8px;--xlargeFont: 30.6px;--xxlargeFont: 32.4px;--xxxlargeFont: 45px;--headingFontSize: 34.2px;--headingFontSize2: 45px;--bestFitIconSize: 36px;--iconextraSmallFont: 18.9px;--iconmediumFont: 22.5px;--iconxsmallFont: 30.6px;--footerLargeIcon: 42px;--footerMainText: 17px;--footerbattryIconStyle: 30px;--footersubText: 9px;--timeBlockFont: 40px;--workShopTitleFont: 60px;--workShopBackBtnFont: 90px;--busLabelFont: 25px;--tabIconFont: var(--largerFont);--tabTextFont: var(--mediumPlusFont);--defaultContainerBackgroundColor: var(--tilebackground);--vehicleInfoLargeIconFont: 70px;--loginpageLeftBkColor: var(--tile5);--loginpageRightBkColor: rgb(44, 58, 68);--loginTextColor: var(--tile5);--loginBtnBkColor: var(--tile1);--loginForgotPColor: var(--tile5);--modalBtnIconColor: var(--tile21);--outlineColor: var(--tile8);--loingLinkHoverColor: var(--tile2);--loginImgBckColor: var(--formBckColor);--loginpageLeftBkColorMobile: var(--tile5);--loginTextColorMobile: var(--formTextColor);--loginBtnBkColorMobile: var(--tile1);--loginForgotPColorMobile: var(--formTextColor);--modalBtnIconColorMobile: var(--tile21);--outlineColorMobile: var(--tile8);--modalContentBorder: var(--tile6);--modalHeaderBckColor: var(--tile5);--modalHeaderTextColor: var(--tile21);--modalHeaderBorder: var(--tile6);--modaHeaderCloseBtnColor: var(--tile20);--modalBodyBckColor: var(--tile5);--modalBodyTextColor: var(--tile21);--modalFooterBckColor: var(--tile5);--modalFooterBorderTop: var(--tile6);--modalBtnBorderColor: var(--tile7);--modalBtnIconColor: var(--tile20);--modalCloseIconColor: var(--tile20);--custombtnColor: var(--tile21);--customButtonBckColor: var(--tile5);--customButtonBorderColor: var(--tile8);--bodyBckColor: var(--tile21);--modalButtonColor: var(--tile20);--btnConfirmTermsBckColor: var(--tile1);--tootitleFontSize: var(--largestFont);--appHeaderSideBarIconFont: var(--largerFont);--appHeaderSettingUserIconFont: var(--largerFont);--commonTitleIconFont: var(--largerFont);--commonTitlebarTextFont: var(--largerFont);--alldtcBadgeFont: var(--extraSmallFont);--alldtcTableFont: var(--mediumPlusFont);--innerCardHeaderFont: var(--mediumPlusFont);--notificationErrorBckColor: var(--tile1);--notificationErrorBorderLeft: var(--tile13);--statusTextColor: var(--tile5);--activeBckColor: var(--tile3);--inactiveBckColor: var(--tile1);--defaultBorderColor: var(--tile7);--tableRowHoverColor: rgba(0, 0, 0, .07);--tablecellIconColor: rgb(0, 120, 215);--tile1: rgb(245, 59, 87);--tile2: rgb(250, 152, 58);--tile3: rgb(68, 189, 50);--tile4: rgb(10, 61, 98);--tile5: rgb(255, 255, 255);--tile6: rgb(240, 240, 240);--tile7: rgb(198, 198, 198);--tile8: rgb(133, 133, 133);--tile9: rgb(230, 236, 242);--tile10: rgb(113, 128, 147);--tile11: rgb(72, 126, 176);--tile12: rgb(10, 61, 98);--tile13: rgb(243, 21, 53);--tile14: rgb(37, 116, 169);--tile15: rgb(80, 77, 77);--tile16: rgb(22, 21, 21);--tile17: rgb(44, 104, 146);--tile18: rgb(202, 198, 198);--tile19: rgb(203, 203, 203);--tile20: rgb(0, 120, 215);--tile21: rgb(0, 0, 0);--tile25: rgb(51, 51, 51);--tile26: rgb(194, 194, 194);--tile24: rgb(207, 207, 207);--tile27: rgb(255, 255, 255);--tile28: rgb(243, 243, 243);--tile29: rgb(250, 250, 250);--tile30: rgb(246, 246, 246);--tile31: rgb(230, 230, 230);--tile32: rgb(255, 196, 1);--tile33: rgb(255, 0, 0);--tile34: rgb(255, 191, 0);--tile35: rgb(244, 244, 247);--tile37: rgba(0, 0, 0, .3);--tile38: rgba(184, 132, 132, .2);--tile39: rgba(0, 0, 0, .3);--tile40: rgba(184, 132, 132, .2);--tile41: rgba(0, 0, 0, .04);--tile42: 0px 8px 10px -5px rgb(0 0 0 / 20%), 0px 16px 24px 2px rgb(0 0 0 / 14%), 0px 6px 30px 5px rgb(0 0 0 / 1%);--tile44: rgb(220, 220, 220);--tile45: rgb(72, 72, 72);--tile46: rgb(44, 58, 68);--tile47: rgb(116, 116, 116);--tile48: rgb(251, 251, 251);--tile49: rgb(237 239 245);--tile50: rgb(245, 246, 250)}.headerTitlebarStyle{height:8%;width:100%;display:flex;align-items:center;padding-left:.5%;padding-right:.5%;background-color:var(--commonbarBackgroundColor);min-height:60px}.commonTitle-title{width:50%;height:100%;font-weight:400;padding-left:.5%;display:flex;place-content:flex-start;align-items:center;font-size:var(--commonTitlebarTextFont);color:var(--commonTitlebarTextColor)}.commonTitle-exitIcon{width:50%;height:100%;font-size:var(--largerFont);color:var(--commonTitlebarExitIconColor);display:flex;align-items:center;justify-content:center;place-content:flex-end}.commonTitle-exitIcon .k-toolbar>*{align-items:center}.commonTitleIconStyle{color:var(--commonTitleconColor);font-size:var(--commonTitleIconFont)}.exitIconStyle{color:var(--exitIconColor);font-size:var(--largerFont)}.inputTextHalfFieldStyleSecond,.inputTextHalfFieldStyleSecondRoleType{width:50%}.inputTextHalfFieldStyleSecondRoleType .MuiSelect-outlined.MuiSelect-outlined{padding:10px;color:var(--textColor)}.inputTextHalfFieldStyleSecondRoleType .MuiInputLabel-outlined,.inputTextHalfFieldStyleSecondRoleType .MuiSelect-icon{color:var(--textColor)!important}.newVehicleStyle{padding-top:3%;padding-left:15%;padding-right:15%}.newVehicleStyle .MuiOutlinedInput-root{font-size:var(--xsmallFont);height:48px;color:var(--textColor);border-color:#919eab52!important}.newVehicleStyle .MuiOutlinedInput-notchedOutline{border-color:--rgba(var(--textColor),.23);border-color:#919eab52!important}.newVehicleStyle .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:var(--formErrorTextColor)!important;color:var(--formErrorTextColor)!important}.newVehicleStyle .MuiInputLabel-outlined.MuiInputLabel-shrink{font-size:var(--xsmallFont);color:var(--textColor)}.newVehicleStyle .MuiFormHelperText-contained{font-size:var(--xxsmallFont)}.newVehicleStyle .legend{font-size:var(--xxsmallFont)!important}.newVehicleStyle .MuiFormControl-root{min-height:75px}.newVehicleStyle .MuiFormHelperText-root.Mui-error{color:var(--formErrorTextColor)}.newVehicleStyle .MuiFormLabel-root.Mui-focused{color:var(--standardLinkColor)}.newVehicleStyle .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--standardLinkColor)!important}.newVehicleStyle .MuiSelect-icon{color:var(--textColor)}.inputTextFieldStyle{margin-bottom:1rem!important;display:flex!important}.inputTextHalfFieldStyleFirst{width:50%;margin-right:1rem!important}.inputTextHalfFieldStyleFirstScrollBar .k-input{overflow-y:auto;min-height:48px!important}.inputTextHalfFieldStyleFirstmultiselect{width:98%!important;margin-right:1rem}.modelName{align-self:center}.headerButtonStyleHide{display:none}.headerButtonStyle{width:100%;height:7%;background-color:var(--toolbarBckColor);padding-left:.5%;padding-right:.5%;min-height:43px}.headerButtonStyle .k-toolbar>*{align-items:center}.headerButtonTextInformation{width:45%;align-self:center}.headerButtonBtnInformation{width:55%;align-self:center}.headerToolbarStyle{height:100%;padding:0%;border:none;background-color:var(--toolbarBckColor);gap:2px;align-content:center;box-shadow:none!important}.talktoExportHearIconStyle{font-size:2rem}.headerToolbarTitleStyle{padding-left:0%;font-weight:600;text-align:start}.headerToolbarButtonStyle{height:38px;width:auto;font-size:var(--mediumFont);padding:0 10px;display:flex;justify-content:center;align-items:center;text-align:center}.toolbarButtonIconStyle{color:var(--toolbarButtonIconColor);font-size:var(--largeFont)}.toolbarIconGargeModeBtnStyle{color:var(--commonTitleGargeModeIconColor)}.toolbarIconGargeModeBtnStyleNotSelected{color:var(--commonTitleconColor)}.seperator{margin-left:5px;margin-right:5px;height:3vh;border:.5px solid var(--seperatorColor);align-self:center}.divFullHeightWidthStyle{height:100%;width:100%}.VehicleDashboardDivStyle{height:100%;width:100%;display:flex;justify-content:center}.toolbarButtonIconStyledisabled{color:var(--toolbarButtonIconStyledisabled);font-size:var(--mediumFont)}.headerToolbarbtnVisibleDesktop{padding-left:5px}.commonTbLeftBtn{display:flex;color:var(--custombtnColor);background-color:var(--customButtonBckColor);border:none;width:auto;height:38px;font-size:var(--mediumFont);align-items:center;justify-content:center;border-radius:0;padding:0 10px}.commonTbLeftBtn:hover{color:var(--custombtnColor);background-color:transparent}.commonTbLeftBtn:focus{color:var(--custombtnColor);background-color:transparent!important;outline:none!important}.selectedIcon{color:var(--toolbarButtonIconColor)}.notSelectedIcon{color:var(--custombtnColor)}.notSelectedBtn{border-bottom:none!important}.underlineBtn{color:var(--toolbarLeftButtonBorderColor)!important;border-bottom:2px solid var(--toolbarLeftButtonBorderColor)!important}.activeStatusStyle{height:28px;width:auto;align-items:center;display:inline-grid;font-weight:400;color:var(--statusTextColor);background:var(--activeBckColor);font-size:var(--extraSmallFont);cursor:pointer;padding:0 8px;color:#229a16;background-color:#54d62c29;font-weight:600}.inactiveStatusStyle{height:28px;width:auto;align-items:center;display:inline-grid;font-weight:400;margin-top:2px;color:var(--statusTextColor);background:var(--inactiveBckColor);font-size:var(--extraSmallFont);cursor:pointer;color:#b72136;background-color:#ff484229;font-weight:600}.dataTableToolBarBtn{color:var(--toolbarButtonIconColor)!important;font-size:var(--smallFont)!important}.k-grid-header .k-header{background-color:var(--commonbarBackgroundColor);padding:6px 23px;font-size:var(--xsmallFont)}.dashbordParentTabControlHeight .k-grid-container{height:350px}.dashbordParentTabControl .k-grid td{padding:6px 23px;border-top:none!important}.dashbordParentTabControl .k-grid{border-color:var(--defaultBorderColor);border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:none!important}.dashbordParentTabControl{width:100%;height:85%;padding:0}.dashbordParentTabControl .k-grid-header .k-sorted,.dashbordParentTabControl .k-grid-header .k-link:hover{color:var(--textColor)}.dashbordParentTabControl div.k-grid-header{padding:0}.dashbordParentTabControl .k-grid-content{overflow:overlay;background-color:var(--commonbarBackgroundColor)}.dashbordParentTabControl .k-grid-header{font-size:var(--smallFont);color:var(--textColor)}.dashbordParentTabControl .k-grid-container{font-size:var(--xsmallFont);color:var(--textColor);background-color:var(--commonbarBackgroundColor)}.dashbordParentTabControl .k-grid{height:100%}.dashbordParentTabControl .k-grid td{white-space:pre;border-width:0 0 0 0}.dashbordParentTabControl .k-grid-toolbar{justify-content:flex-start;background-color:var(--commonbarBackgroundColor);border-bottom:none;font-family:customFont!important}.dashbordParentTabControl th.k-header.active .k-grid-filter{color:var(--inactiveBckColor);font-weight:700}.dashbordParentTabControl .k-grid-header thead>tr:not(:only-child)>th{border-left-color:transparent;background-color:var(--commonbarBackgroundColor);border-bottom:none}.dashbordParentTabControl .k-grid-header thead>tr:not(:only-child)>th .k-cell-inner>.k-link{padding:5px 24px}.dashbordParentTabControl .k-filter-row td,.dashbordParentTabControl .k-filter-row th{padding:6px 23px}.dashbordParentTabControl .k-grid-header thead>tr:first-child>:hover{border-right:1px solid var(--defaultBorderColor)}.dashbordParentTabControlConfigTableStyle .k-grid{border:none}.dashbordParentTabControlConfigTableStyle .k-grid .k-grid-header-wrap,.dashbordParentTabControlConfigTableStyle .k-grid .k-grid-footer-wrap{border-width:0}.dashbordParentTabControlConfigTableStyle .k-grid .MuiTab-root,.dashbordParentTabControlConfigTableStyle .MuiTab-root{text-transform:inherit!important}.MuiTab-root{text-transform:inherit!important;font-family:customFont}.tablecellIcon{font-size:var(--largeFont);color:var(--tablecellIconColor)}.k-animation-container,.k-animation-container-shown{z-index:1200!important}.tableLink{text-decoration:underline;color:var(--tablecellIconColor);background-color:transparent;cursor:pointer}.productDisabled{color:var(--tile8)}.productRed{color:var(--tile1)}.productGreen{color:var(--tile3)}.tableCellToolIcon{width:40px}.associatedUsersModal .dashbordParentTabControl .k-grid,.licenseReview .dashbordParentTabControl .k-grid{border-top:1px solid var(--defaultBorderColor)!important}.activeStatusStyleLicenseManagment{height:28px;width:auto;align-items:center;display:inline-grid;font-weight:400;color:var(--statusTextColor);background:var(--activeBckColor);font-size:var(--extraSmallFont);cursor:default;padding:0 8px;color:#229a16;background-color:#54d62c29;font-weight:600}.partiallyExpStatusStyleLicenseManagment{height:28px;width:auto;align-items:center;display:inline-grid;font-weight:400;margin-top:2px;color:#be5a11;background:#f0d7c5;font-size:var(--extraSmallFont);cursor:default;font-weight:600}.inactiveStatusStyleLicenseManagment{font-size:var(--extraSmallFont)}.newStatusStyleLicenseManagment{height:28px;width:auto;align-items:center;display:inline-grid;font-weight:400;margin-top:2px;color:#00b0f0;background:#cee9f3;cursor:default;font-weight:600}.blockedStatusStyleLicenseManagment{height:28px;width:auto;align-items:center;display:inline-grid;font-weight:400;margin-top:2px;color:#333f50;background:#c1c5ca;font-size:var(--extraSmallFont);cursor:default;font-weight:600}.dashbordParentTabControl .k-grid td:focus{background-color:var(--noborderedButtonWithIconColorhover)!important}.k-grid-header .k-i-sort-asc-sm{color:var(--textColor)}.k-grid-header .k-i-sort-desc-sm{color:var(--textColor)!important}.k-grid table .k-master-row>td:focus{background-color:var(--noborderedButtonWithIconColorhover)!important}.dashbordParentTabControl .k-grid td:focus{background-color:var(--noborderedButtonWithIconColorhover)!important;box-shadow:none}.k-grid tr.k-state-selected>td{background-color:var(--noborderedButtonWithIconColorhover)!important}.k-grid table th:focus{background-color:var(--noborderedButtonWithIconColorhover)!important}.dashbordParentTabControl .paramListBox .react-checkbox-tree{height:270px}.dashbordParentTabControl .k-grid th>.k-checkbox{vertical-align:middle!important}.dashbordParentTabControl .k-grid td>.k-checkbox{vertical-align:middle!important}.k-input:focus-within{border-bottom-color:var(--toolbarButtonIconColor)!important}.tableHeader{display:flex;width:100%}.tableHeadingLeft{width:50%;height:100%;font-weight:400;padding-left:.5%;display:flex;place-content:flex-start;align-items:center;font-size:var(--commonTitlebarTextFont);color:var(--textColor)}.tableHeadingText{padding-left:1%}.tableHeadingRight{width:50%;height:100%;font-weight:400;padding-left:.5%;display:flex;place-content:flex-end;align-items:center;font-size:var(--commonTitlebarTextFont);color:var(--textColor)}.expandRowGrid .k-grid-header{display:none!important}.dashbordParentTabControl .k-detail-cell{padding:0!important}.dashbordParentTabControl .k-grid-norecords:hover{background-color:transparent!important}.dashbordParentTabControl .MuiBox-root{padding:0}.dashbordParentTabControl .MuiBox-root{height:100%}.dashbordParentTabControl .MuiTabs-root{padding-left:.5%;height:100%;min-height:auto}.dashbordParentTabControl .MuiTab-labelIcon{display:flex;height:100%;min-height:auto}.dashbordParentTabControl .MuiTab-textColorPrimary{line-height:normal;font-weight:400}.dashbordParentTabControl .MuiTab-wrapper{display:contents}.dashbordParentTabControl .MuiTab-root{text-transform:inherit;font-size:var(--tabTextFont);font-family:customFont!important;color:var(--currentselectedTabColor)}.dashbordParentTabControl .MuiTab-textColorPrimary.Mui-selected{outline:none;color:var(--selectedTabColor);font-weight:400}.dashbordParentTabControl .MuiTabs-scrollable{height:100%}.dashbordParentTabControl .MuiTab-labelIcon .MuiTab-wrapper>*:first-child{margin-bottom:0;padding-right:5px}.dashbordParentTabControl .MuiAppBar-colorDefault{box-shadow:none;border-bottom:1px solid var(--tabBorderBottomColor);height:7%;min-height:49px;color:var(--tabLeftRightButtonColor);background-color:var(--tabHeaderBckColor)}.dashbordParentTabControl .dashboard-tabControl{height:93%}.dashbordParentTabControl .dashboard-VehicleInformation-container,.dashbordParentTabControl .MuiTabs-flexContainer{height:100%}.dashbordParentTabControl .MuiTabs-indicator{background-color:var(--selectedTabBorderBottomColor)}.dashbordParentTabControl .MuiTabScrollButton-root.Mui-disabled{width:23px}.dashbordParentTabControl .MuiSvgIcon-fontSizeSmall{font-size:var(--largerFont)}.tabIconFontStyle{font-size:var(--tabIconFont)}.showScrollButtonMobile{height:inherit;width:100%}.k-drawer-overlay .k-drawer{position:absolute}.dashbordParentTabControl .MuiIconButton-root{padding:0 4px}.pin{display:inline;position:relative;width:80px;height:80px;border-radius:50% 50% 50% 0;background-repeat:no-repeat;left:50%;top:50%;margin:-20px 0 0 -20px}.pin:after{content:"";width:14px;height:14px;margin:8px 0 0 8px;position:absolute;border-radius:50%}.bounce{animation-name:bounce;animation-fill-mode:both;animation-duration:1s}@keyframes bounce{0%{opacity:0;transform:translateY(-2000px) rotate(-45deg)}60%{opacity:1;transform:translateY(30px) rotate(-45deg)}80%{transform:translateY(-10px) rotate(-45deg)}to{transform:translateY(0) rotate(-45deg)}}.carImageStyle{object-fit:contain;max-height:15px;max-width:15px}.carImageStyleAlert{object-fit:contain;max-height:30px;max-width:30px}.pulse{border-radius:50%;height:14px;width:14px;position:absolute;left:50%;top:50%;margin:11px 0 0 -12px;transform:rotateX(55deg);z-index:-2}.pulse:after{content:"";border-radius:50%;height:40px;width:40px;position:absolute;margin:-13px 0 0 -13px;animation:pulsate 1.2s ease-out;animation-iteration-count:infinite;opacity:0;box-shadow:0 0 1px 6px #ff9800}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}#mapcontainer{height:100%;display:flex}#mapsidebar{flex-basis:15rem;flex-grow:1;padding:1rem;max-width:30%;height:100%;box-sizing:border-box;overflow:auto;flex:0 1 auto;padding:0}#mapsidebar>div{padding:.5rem}#map{flex-basis:0;flex-grow:4;height:100%;flex:auto}#floating-panel{background:none #fff;border:0px;margin:10px;padding:0;text-transform:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;height:auto;width:auto;box-shadow:0 1px 4px -1px #0000004d;overflow:hidden;top:0;left:0;z-index:5}#fleetInfoSidePanel{background-color:var(--headerBackgroundColor);border:0px;margin:10px;padding:0;text-transform:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;height:auto;width:auto;min-width:600px;min-height:600px;overflow-x:hidden;overflow-y:auto;box-shadow:0 1px 4px -1px #0000004d;top:40%;color:#f2f2f2;left:0;z-index:5;opacity:.9}.markerWindow{position:relative;bottom:234px;left:-45px;width:280px;background-color:var(--headerBackgroundColor);opacity:.9;color:#f2f2f2;border-radius:12px;box-shadow:0 2px 7px 1px #0000004d;padding:7px;font-size:14;z-index:100}.markerWindow:after{content:"";transform:rotate(0);position:absolute;z-index:-1;bottom:-12px;left:calc(8% - 10px);border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid var(--headerBackgroundColor)}.markerBtn{border:1px solid #f2f2f2!important;border-radius:12!important;text-decoration:none!important;transition:0s!important;overflow-wrap:break-word;flex-wrap:wrap;place-content:center;max-height:22px!important;height:22px!important;color:#f2f2f2!important;background-color:transparent!important;font-size:14!important;text-transform:inherit!important;font-weight:400!important;margin-right:2%!important}.markerInfoBtn{width:54%!important}.markerContactBtn{width:44%!important}.markerInfoBtn:hover{background-color:var(--loginBtnBkColor);color:var(--loginTextColor)}.markerInfoBtn:active{transform:scale(.98);color:var(--loginTextColor)!important;border-color:inherit!important;background-color:var(--loginBtnBkColor)!important;border:none!important;outline:1px solid var(--outlineColor)}.markerInfoBtn:focus{outline:1px solid var(--outlineColor)}.markerContactBtn:hover{background-color:var(--loginBtnBkColor);color:var(--loginTextColor)}.markerContactBtn:active{transform:scale(.98);color:var(--loginTextColor)!important;border-color:inherit!important;background-color:var(--loginBtnBkColor)!important;border:none!important;outline:1px solid var(--outlineColor)}.markerContactBtn:focus{outline:1px solid var(--outlineColor)}.markerCardHeader{background-color:#2c3a44;padding:0;margin:0;display:flex;min-height:34px;height:auto}.markerCardCard{padding:0!important;background-color:#2c3a44}.markerHeaderText{font-size:16px;padding:6px 8px;width:80%}.markerHeaderTextCloseIcon{display:contents}.closeMarker{width:20%;display:block!important;float:right;padding:6px 8px;height:100%;max-height:30px}.closeMarker>i{float:right}.markerCardBodyInfo{color:#f2f2f2;display:flex}.markerCardBodyInfoVehicleHistory{width:80%!important}.markerCardBodyInfoDTCHistory{width:20%!important;font-size:46px;padding-top:5px;align-self:center}.markerCardBodyInfoVehicle{width:50%!important}.markerCardBodyBadgeStyle{width:30%!important;padding-top:5px;padding-right:10px;align-self:center}.markerCardBodyInfoDTC{width:20%!important;font-size:46px;padding-top:5px;align-self:center}.markerCardBodyBtn{display:flex;padding-top:10px}.markerCardBody{height:auto}.SideWindowInfo{color:#f2f2f2;display:flex}.SideWindowInfoTrip,.SideWindowInfoGraph{padding:7px!important}#propertymap .gm-style-iw{box-shadow:none;color:#515151;font-family:"Georgia","Open Sans",Sans-serif;text-align:center;width:100%!important;border-radius:0;left:0!important;top:20px!important}#propertymap .gm-style>div>div>div>div>div>div>div{background:none!important}.gm-style>div>div>div>div>div>div>div:nth-child(2){box-shadow:none!important}#propertymap .gm-style-iw>div>div{background:#fff!important}#propertymap .gm-style-iw a{text-decoration:none}#propertymap .gm-style-iw>div{width:245px!important}#propertymap .gm-style-iw .img_wrapper{height:150px;overflow:hidden;width:100%;text-align:center;margin:0 auto}#propertymap .gm-style-iw .img_wrapper>img{width:100%;height:auto}#propertymap .gm-style-iw .property_content_wrap{padding:0 20px}#propertymap .gm-style-iw .property_title{min-height:auto}#fleetInfoControlBar{height:auto;min-height:90px;width:44%;margin-left:51%;margin-right:5%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;border-radius:12px;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:5%;color:#f2f2f2;background-color:initial;left:0;z-index:5;opacity:.9}.fleetInfoControls{height:100%;width:100%;min-height:50px;padding-left:14%;padding-right:1%;padding-top:3%}.fleetInfoSlider .MuiSlider-thumb{height:24px!important;width:14px!important;background-color:#f53b57!important;border:2px solid rgb(245,59,87)!important;margin-top:-8px!important;margin-left:-12px!important;border-radius:0%!important}.sliderCardStyling .MuiSlider-valueLabel{background-color:transparent}.fleetInfoSlider.MuiSlider-root{color:#2c3a44}.fleetInfoControls{height:100%;width:100%;min-height:50px;padding-left:14%;padding-right:5%;padding-top:3%}.fleetInfoControls .MuiGrid-grid-xs-true{padding-top:26px!important}.fleetInfoSlider .MuiSlider-thumb:hover,.fleetInfoSlider .MuiSlider-thumb:active,.fleetInfoSlider .MuiSlider-thumb:focus{box-shadow:0 0 8px #f53b57}.fleetInfoSlider .MuiSlider-track{height:10px!important;border-radius:4px!important;background-color:#0078d7}.fleetInfoSlider .MuiSlider-rail{height:10px!important;border-radius:4px!important;opacity:.9}.fleetInfoButtonsContainer{height:100%;width:100%;min-height:40px;padding-left:2%;padding-right:2%}.fleetInfoButtons{background-color:#2c3a44;margin-left:35%;min-height:40px;margin-right:35%;width:30%;border-radius:12px;display:flex;text-align-last:center}.fleetBtnStyle{font-size:16px;align-self:center;padding:1%!important;width:24%;text-align-last:center;cursor:pointer;color:#f2f2f2!important}.fleetBtnStyle.MuiCheckbox-colorSecondary.Mui-checked{color:#f53b57!important}.fleetBtnStyle.MuiCheckbox-colorSecondary.Mui-checked:hover,.fleetBtnStyle:hover,.fleetBtnStyle:focus{border:1px solid #f2f2f2;border-radius:12px;background-color:transparent!important}.fleetBtnStyle:active{border:1px solid #f2f2f2;border-radius:12px}.sliderTripTimeStyle{display:grid;place-items:center}.sliderTripEndTimeStyle,.sliderTripStartTimeStyle{font-size:var(--smallFont)}.fleetInfoSlider{font-family:customFont!important}.fleetInfoSlider .PrivateValueLabel-offset-7{transform:scale(1) translateY(-2px)!important}.fleetInfoSlider .MuiSlider-valueLabel{transform:none!important}.fleetInfoSlider .MuiSlider-valueLabel>span{transform:none!important}.fleetInfoSlider .MuiSlider-valueLabel>span>span{color:var(--textColor);font-weight:600;font-size:var(--smallFont);transform:none}.fleetInfoSlider .PrivateValueLabel-circle{background-color:transparent;transform:none}.fleetInfoSlider .MuiSlider-mark{height:14px!important;width:14px!important;background-color:#f53b57!important;border:2px solid rgb(245,59,87)!important;margin-top:-5px!important;margin-left:-12px!important;border-radius:50%!important}.valueLabel{background-color:#ff0;color:red;left:calc(-50% + 12px);top:-22}.dashboardMarkerInfoBtn{width:100%}.legendMainDiv{display:flex;width:97%;overflow:auto;justify-content:left;align-items:center;margin-left:2.5%;height:12%;min-height:70px}.legendTextDiv{display:flex;cursor:pointer;margin-right:8px;color:#fff;height:48px;width:max-content}.legendText{display:block;text-align:center;cursor:pointer;padding:2px;height:100%;width:max-content;font-size:var(--extraSmallFont)}.legendMainDivSplit{display:flex;width:97%;overflow-y:auto;align-items:center;margin-left:2%;margin-bottom:1%;margin-top:1%;height:12%;min-height:30px}.legendTextDivSplit{display:flex;color:var(--legendTextColor);height:30px;width:80%;justify-content:flex-start}.legendTextValueSplit{display:flex;padding:2px;height:100%;width:max-content}.legendValueDivSplit{display:flex;color:var(--legendTextColor);height:30px;width:20%;justify-content:flex-end}.legendName{display:flex;font-size:var(--extraSmallFont);justify-content:center;align-items:center}.legendValue{font-size:16px}.splitChart{margin-top:2%;margin-bottom:4%}.graphIntegratedDashboardView{padding-top:5px;height:77%;width:99%}.graphDiv{padding-top:5px;height:86%;width:99%}.playbackGraphDiv{padding-top:5px;height:81%;width:99%}.playbackRangeDiv{height:5%}.playbackListParent{width:33.33%;height:100%;border-width:1px;border-color:var(--tilelayoutBorderColor);border:1px solid var(--tilelayoutBorderColor)}.playbackGraphParent{width:66.67%;height:100%;border-color:var(--tilelayoutBorderColor);border:1px solid var(--tilelayoutBorderColor)}.k-arcgauge-label{width:100px}.paramNameDiv{height:100%;width:100%;display:flex;flex-direction:column}.ecuNameStyle{font-size:10px;color:#b3b0b0;display:flex;width:98%;justify-content:flex-start;height:30%;align-items:flex-start}.paramNameStyle{height:70%;font-size:var(--smallFont);display:flex;align-items:end}.datalistCheckbox{border-radius:0;vertical-align:top;width:20px!important;height:20px!important}.outOfRangeValue{background-color:#ff0;color:red}.CustomNormalTableMap .MuiTableCell-root{color:#fff!important;background-color:transparent!important;border:none}.CustomNormalTableMap .MuiTableCell-root:hover,.CustomNormalTableMap .MuiTableSortLabel-root:hover,.CustomNormalTableMap .MuiTableSortLabel-root.Mui-active{color:inherit}.CustomNormalTableMap .MuiTableSortLabel-root:focus{color:inherit}.fleetMapDashboardControl{height:48%;max-height:375px;min-height:90px;width:75%;border:0px;position:absolute;-webkit-user-select:none;user-select:none;border-radius:12px;overflow-x:auto;overflow-y:auto;box-shadow:none;bottom:0%;color:#f2f2f2;background-color:#4c5665!important;background:#4c5665!important;z-index:5;opacity:.9;overflow:hidden;padding:0}.fleetMapDashboardControl ::-webkit-scrollbar{width:5px;height:5px}.fleetMapDashboardControl ::-webkit-scrollbar-thumb{background:#000}.fleetMapDashboardControl .card{max-height:375px;min-height:90px;color:#f2f2f2;background-color:#4c5665!important;background:#4c5665!important;padding:0 10px}.fleetMapDashboardControl .card ::-webkit-scrollbar-thumb{background:#000}.dashcam-panel{width:220px;height:220px;position:relative;margin:0 8px}.dashcam-svg{width:100%;height:100%}.DashboardHeaderStyle{display:flex;height:100%;padding:1%;width:100%}.DashboardHeaderDateTimeLocationStyle{width:60%;text-align:left}.MapDashboardMenuBtnStyle{height:100%}.DashboardHeaderMenuButtonStyle{width:100%;height:100%}.DashboardHeaderTabMenuStyle{height:70%;width:100%}.MapDashboardMenuButtonTabStyle{height:100%;padding-left:10px;padding-right:10px}.MapDashboardMenuTabPanelBtnStyle{background-color:#303c46!important;height:77%;border-radius:12px}.MapDashboardMenuBtnStyle .MuiTabs-root{height:100%;min-width:40%}.MapDashboardMenuBtnStyle .MuiBox-root .MuiBox-root-5{height:100%}.MapDashboardMenuBtnStyle .MuiBox-root{padding:0!important}.MapDashboardMenuBtnStyle .MuiTab-textColorPrimary.Mui-selected{outline:none;color:var(--selectedTabColor);font-weight:400;min-width:15px;background-color:#303c46!important}.MapDashboardMenuBtnStyle .MuiTab-textColorPrimary{min-width:15px}.MapDashboardMenuBtnStyle .MuiTabs-flexContainer{float:right}.MapDashboardMenuBtnStyle .PrivateTabIndicator-colorSecondary-3,.MapDashboardMenuBtnStyle .PrivateTabIndicator-colorSecondary-7{background-color:transparent}.MapDashboardMenuBtnStyle .MuiBox-root .MuiBox-root-11{padding:0}.GaugeStyle{display:flex;align-items:flex-end;align-items:end;background-color:#000!important;margin:14px 4%;border-radius:12px;display:flow-root;align-items:center;justify-content:center}.RadialGaugeStyle{display:flex;align-items:flex-end;justify-content:center}.RadialGauge1 .k-gauge{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important}.RadialGauge2 .k-gauge{max-width:200px!important;max-height:200px!important;width:200px!important;height:200px!important;align-items:baseline;justify-content:end;text-align:end;margin-top:auto}.MapDashboardMenuBtnStyle .MuiBox-root-5{padding:0;height:100%}.mapControl{width:100%;display:flex;justify-content:center}.RadialGaugeStyleFooter{background-color:#000;margin-left:8%;margin-right:8%;text-align:center}.dashboardFooterDTCStyle{font-size:var(--largestFont);color:#525252!important;text-shadow:0 0 4px #525252!important}.dashboardFooterBatteryStyle{font-size:var(--largestFont);padding-right:5%;padding-left:5%;color:red!important;text-shadow:0 0 4px #525252!important}.dashboardFooterTempStyle{font-size:var(--largestFont);padding-right:5%;color:#525252;text-shadow:0 0 4px #525252}.dashboardFooterFuelStyle{font-size:var(--largestFont);color:#525252;text-shadow:0 0 4px #525252}.MapDashboardMenuButtonAppBarTabStyle .MuiAppBar-colorDefault{background-color:transparent}.MapDashboardMenuButtonTabStyle .MuiAppBar-colorDefault{background-color:transparent;box-shadow:none;width:100%;display:-webkit-inline-box;align-items:center;-webkit-box-align:center;max-height:0px}.MapDashboardTimeAddressStyle{height:100%;width:100%;vertical-align:middle;color:#fff}.DateTimeStyle{font-size:var(--extraSmallFont)}.CurrentLocationAddressStyle{font-size:var(--xxsmallFont);display:flex;align-items:center}.CurrentLocationAddressPINStyle{font-size:var(--xsmallFont);color:var(--mapPINColor)}.fuelInfocardtableBody{display:flex;align-items:flex-end;align-items:end;justify-content:center;margin-top:14px;width:100%}.fuelInfoaccordionHistory{width:100%;padding-left:3%;padding-right:3%}.fuelInfoaccordionHistory{width:100%;height:100%}.fuelInfoaccordionHistory>.card{padding-bottom:20px}.fuelInfoaccordionHistory>.card .card-header{margin-bottom:-1px;background-color:#262f3a;border-bottom:none;height:7%}.fuelInfoaccordion{width:100%}.fuelInfoaccordion>.card{padding-bottom:20px}.fuelInfoaccordion>.card .card-header{margin-bottom:-1px;background-color:#262f3a;border-bottom:none;color:#fff}.LowFuelLevelDTCStyle{font-size:var(--largestFont)}.fuelConrolDashboardHeaderIconStyle{font-size:var(--headingFontSize);padding-right:10px;color:red}.fuelConrolDashboardArrowIcon{font-size:var(--largestFont);padding-left:10px}.fuelControlCardHeaderStyle{padding-top:7px!important;padding-bottom:7px!important;cursor:pointer}.miniDashboardtabIconFontStyle{font-size:var(--tabIconFont);color:#fff}.miniDashboardBadgenotificationStyle{height:4px;vertical-align:text-top;width:4px;background-color:red!important;border-radius:50%;padding:4px}.fuelControlCardBodyStyle{font-size:var(--xxsmallFont);width:100%;place-items:center;display:inherit}.DTCInfoControlStyle{padding:10px 20px}.DTCInfoControlStyle .table th,.DTCInfoControlStyle .table td{border-bottom:none!important}.DTCInfoTableStyle .table{color:#fff}.fleetMapDashboardControlMobile{height:30%;min-height:170px;width:100%;border:0px;padding:7px;position:absolute;-webkit-user-select:none;user-select:none;border-radius:0;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:0%;color:#f2f2f2;background-color:var(--headerBackgroundColor);z-index:4;opacity:.9;overflow:hidden;right:0%}.fleetMapDashboardControlMobile ::-webkit-scrollbar{width:5px;height:5px}.dashboardHeader{height:20%}.dashboardBody{height:40%}.dashboardHealthIndicatorsBody{height:20%;display:inline-flex;width:100%;align-items:center;justify-content:center}.dashboardFooter{height:20%;display:flex;text-align:center;align-items:center}.dashboardBodyVehicleInfoDetailsContainer{width:25%;display:grid;place-items:center}.dashboardBodyVehicleInfoDetailsTitle{font-size:var(--xsmallFont);font-weight:600}.dashboardBodyVehicleInfoDetailsSubTitle{font-size:var(--xxsmallFont)}.dashboardBodyVehicleInfoDetails{display:flex;width:100%}.dashboardBodyVehicleInfo{display:flex;align-items:center;height:100%;width:100%}.btnContactStyle{width:50%;cursor:pointer;color:#00b0f0;font-size:var(--mediumFont);font-size:16px;font-weight:600;text-align:left;display:flex;align-items:center}.btnDetailsIconStyle,.btnAlertsIconStyle{font-size:var(--mediumFont);padding-right:5px}.btnViewDetailsStyle{width:50%;cursor:pointer;color:#f31535;font-size:var(--mediumFont);font-size:16px;font-weight:600;text-align:right;display:flex;align-items:center;place-content:end}.MapDashboardMenuButtonTabStyleMobile{height:100%;padding-left:0;background-color:#303c46}.MapDashboardMenuButtonTabStyleMobile .MuiAppBar-colorDefault{background-color:transparent;box-shadow:none;width:100%;display:-webkit-inline-box;align-items:center;-webkit-box-align:center;max-height:48px;height:10%;background-color:#4c5665}.MapDashboardMenuButtonTabStyleMobile .MuiBox-root{padding:0!important;height:100%;overflow:auto}.MapDashboardMenuButtonTabStyleMobile .MuiTab-textColorPrimary.Mui-selected{outline:none;color:var(--selectedTabColor);font-weight:400}.dashboardFooterDTCStyleMobile,.dashboardFooterBatteryStyleMobile,.dashboardFooterTempStyleMobile{font-size:var(--largestFont);padding:15px}.MapDashboardMenuButtonAppBarTabStyleMobile{height:10%}.MapDashboardMenuTabPanelBtnStyleMobile{background-color:#303c46;height:90%;border-radius:0}.fuelConrolDashboardIconContainer{width:6%;min-width:35px}.fuelConrolDashboardDetailsContainer{width:94%;display:flex;align-items:center}.fuelConrolDashboardDetailsSubContainer{width:60%;font-size:var(--xsmallFont)}.fuelConrolDashboardDetailsSubDateContainer{width:40%;place-content:flex-end;display:flex;font-size:var(--extraSmallFont);justify-content:end}.digital-gauge{width:220px;height:220px}.dashboard-container{width:100%;max-width:900px;height:260px;background-image:linear-gradient(#0c1219,#2368b4);border-radius:160px/60px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px;box-shadow:0 0 30px #2368b4}.dashboard-curve{position:absolute;left:0;width:100%;height:20px;background:radial-gradient(circle at center,#2a2a2a 0%,transparent 70%)}.dashboard-curve-top{top:0;border-top-left-radius:160px;border-top-right-radius:160px}.dashboard-curve-bottom{bottom:0;border-bottom-left-radius:160px;border-bottom-right-radius:160px}.gauge-left,.gauge-right{display:flex;align-items:center;justify-content:center}.dashboard-center{flex-grow:1;margin:0 8px;display:flex;flex-direction:column;align-items:center;height:60%}.dashboard-screen{width:100%;height:120px;border-radius:16px;background:#14202dd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 15px #0006;display:flex;flex-direction:column;justify-content:space-evenly;padding:14px 0}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 16px;color:#fff}.center-map-panel{width:220px;height:220px;position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(90% 120% at 50% 10%,#000,#000)}.map-grid-vertical{position:absolute;top:0;width:1px;height:100%;background-color:#162330}.map-grid-horizontal{position:absolute;left:0;width:100%;height:1px;background-color:#162330}.map-route-line{position:absolute;height:2px;background-color:#43e0ff;transform-origin:0 0;box-shadow:0 0 4px #43e0ff}.map-poi{position:absolute;width:12px;height:12px;border-radius:50%;background-color:#2af598;box-shadow:0 0 6px #2af598}.map-destination{position:absolute;width:8px;height:8px;border-radius:50%;background-color:#43e0ff;box-shadow:0 0 6px #43e0ff}.map-info-bar{position:absolute;bottom:0;left:0;width:100%;height:36px;background-color:#0a121a;opacity:.85;display:flex;align-items:center;gap:0px}.map-info{font-size:10px;margin-left:25px}.map-info.distance{color:#9adfff}.map-info.warning{color:#fc6}.map-info.mode{color:#7aa2b8}@media only screen and (max-width:1366px){.fleetMapDashboardControl{height:60%;max-height:375px;width:75%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;border-radius:12px;overflow-x:auto;overflow-y:auto;box-shadow:none;bottom:0%;color:#f2f2f2;background-color:#4c5665!important;z-index:5;opacity:.9;overflow:hidden}.fleetMapDashboardControl ::-webkit-scrollbar{width:5px;height:5px}.fleetMapDashboardControl ::-webkit-scrollbar-thumb{background:#000!important}.dashcam-panel{width:180px;height:150px;position:relative;margin:0 8px}.dashcam-svg{width:100%;height:100%}.digital-gauge{width:150px;height:150px;display:inline-flex;align-items:center;justify-content:center}.dashboard-container{max-width:1100px;height:220px;padding:24px;border-radius:180px/70px}.gauge-left,.gauge-right{min-width:150px}.dashboard-center{flex-grow:1;margin:0;display:flex;flex-direction:column;align-items:center;height:70%;padding-left:0;padding-right:0}.dashboard-screen{height:140px;padding:16px 0}.dashboard-stats{gap:15px}.center-map-panel{width:180px;height:150px;border-radius:22px;margin-right:10px}.map-info-bar{height:38px}.map-info{font-size:9px;margin-left:8px}.map-route-line{height:2.5px}.map-poi{width:14px;height:14px}.map-destination{width:10px;height:10px}.MapDashboardMenuTabPanelBtnStyle{background-color:#303c46!important;height:80%;border-radius:12px}}.fleetMapServiceStationDetailControl{height:87%;width:20%;min-width:400px;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;overflow-x:hidden;overflow-y:auto;box-shadow:none;color:#f2f2f2;z-index:5;opacity:.9;overflow:hidden;bottom:0}.fleetMapServiceStationDetailControl ::-webkit-scrollbar{width:5px}.fleetMapServiceStationDetailControl ::-webkit-scrollbar-thumb{background:#000}.fleetMapServiceStationDetailControlReducedM{height:8%;top:19%;height:10%!important;min-height:70px}.fleetMapServiceStationDetailControlReducedM .fleetMapServiceCenterHeader{height:10%!important;min-height:50px}.fleetMapServiceStationMiniControl{cursor:pointer;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;overflow-x:hidden;overflow-y:auto;box-shadow:none;color:#f2f2f2;background-color:var(--headerBackgroundColor);left:50px;z-index:5;opacity:.9;overflow:hidden;top:20%;height:80px;width:80px;border-radius:50%}.fleetMapServiceStationMiniControl ::-webkit-scrollbar{width:5px}.fleetMapServiceStationMiniControl ::-webkit-scrollbar-thumb{background:#000}.serviceStationMiniViewStyle{display:flex;width:100%;height:100%;justify-content:center;place-items:center;place-content:center}.serviceStationMiniViewIconStyle{font-size:var(--xlargeFont)}.fleetMapServiceCenterInfoContainer{display:flex;align-items:center;cursor:pointer}.fleetMapServiceCenterHeader{padding:2% 2% 0;height:7%;display:flex;align-items:center;cursor:pointer;font-size:var(--extraSmallFont);background-color:var(--headerBackgroundColor);min-height:50px;border-bottom:1px solid #6c747a}.fleetMapServiceCenterBody{height:100%;padding:0 20px 20px;overflow:auto;background-color:var(--headerBackgroundColor)}.fleetMapNearServiceCenterBody{height:100%;padding:20px;overflow:auto}.serviceheadericonStyle{font-size:var(--tabIconFont);padding-right:7px}.serviceheaderDowniconStyle{font-size:var(--tabIconFont);margin-left:auto}.fleetMapServiceCenterName{font-size:var(--smallFont);padding:7px 7px 0}.fleetMapServiceCenterAddress{font-size:var(--xxsmallFont);padding:0 7px 7px}.fleetMapServiceCenterInfo{width:83%}.fleetMapServiceCenterInfoLiveData{width:83%;cursor:default}.fleetMapServiceCentericoncalling{width:17%;font-size:var(--largerFont);color:#c6c6c6}.fleetMapServiceCentericoncalling:hover{color:inherit!important;background-color:transparent!important;text-decoration:none!important}.fleetMapServiceCentericonSharing{width:17%;font-size:var(--largerFont);color:#c6c6c6}.fleetMapServiceCentericonSharing:hover{color:inherit!important;background-color:transparent!important;text-decoration:none!important}.fleetTripAvaiableVehiclesStyle{min-width:400px;height:87%;width:20%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:0;color:#f2f2f2;z-index:5;opacity:.9;overflow:hidden}.fleetTripAvaiableVehiclesStyle ::-webkit-scrollbar{width:5px}.fleetTripAvaiableVehiclesStyle ::-webkit-scrollbar-thumb{background:#000}.fleetTripAvaiableVehiclesStyleReducedM{height:8%;top:13%}.fleetTripAvaiableVehiclesStyleReducedM .fleetTripAvaiableVehiclesHeader{height:100%!important}.TripHistoryWithCollapse .MuiCollapse-wrapper{height:100%}.fleetTripAvaiableVehiclesStyleAllTrips,.fleetTripAvaiableVehiclesStyleSingleTrip{min-width:400px;padding-top:0!important;padding-bottom:48px!important;width:33%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:0;color:#f2f2f2;z-index:5;opacity:.9;overflow:hidden}.fleetTripAvaiableVehiclesStyleAllTrips ::-webkit-scrollbar,.fleetTripAvaiableVehiclesStyleSingleTrip ::-webkit-scrollbar{width:5px}.fleetTripAvaiableVehiclesStyleAllTrips ::-webkit-scrollbar-thumb,.fleetTripAvaiableVehiclesStyleSingleTrip ::-webkit-scrollbar-thumb{background:#000}.fleetTripAvaiableVehiclesStyleAllTrips .card,.fleetTripAvaiableVehiclesStyleSingleTrip .card{color:#f2f2f2;background-color:#2c3a44!important;border:none;border-radius:0;padding:0}.fleetTripAvaiableVehiclesStyleAllTripsscore{height:13%;width:30%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;border-radius:12px;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:15%;color:#f2f2f2;background-color:var(--headerBackgroundColor);left:50px;z-index:5;opacity:.9;overflow:hidden;min-width:400px;width:26%}.fleetTripAvaiableVehiclesHeader{height:7%;padding:10px 10px 0;display:flex;align-items:center;background-color:var(--headerBackgroundColor);border-bottom:1px solid #6c747a}.fleetVehiclesHistoryHeader1{height:60px;padding:10px 10px 0;display:flex;align-items:center;background-color:#2c3a44;border-bottom:1px solid #6c747a}.fleetVehiclesHistoryBody1{height:100%}.fleetVehiclesHistoryBody{height:90%;padding:7px;display:flex;overflow:auto;font-size:var(--extraSmallFont)}.fleetMapAvaiableVehicBody{background-color:var(--headerBackgroundColor);height:100%;padding:7px;overflow:auto}.fleetTripAvaiableVehiclesHeadericonStyle{font-size:var(--tabIconFont);padding-right:7px}.todaysVehiclesCardHeaderStyle{display:flex;align-items:center;background-color:#303c46}.todaysVehiclesCardHeaderDivContainer,.getVehiclesByDaterDivContainer{width:100%;display:flex}.todaysVehiclesTitle{width:50%}.getVehiclesByDateTitle{display:flex;align-items:center;width:80%}.getVehiclesByDateArrowIcon{font-size:var(--tabIconFont);width:20%;text-align:right}.todaysVehiclesArrowIcon{font-size:var(--tabIconFont);width:50%;text-align:right}.divFullHeightWidth{height:100%;width:100%}.fleetVehiclesHistoryStyle{height:50%;min-height:30%;width:30%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;border-radius:12px;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:33%;color:#f2f2f2;background-color:var(--headerBackgroundColor);left:50px;z-index:5;opacity:.9;overflow-y:hidden}.fleetVehiclesHistoryStyle ::-webkit-scrollbar{width:5px}.fleetVehiclesHistoryStyle ::-webkit-scrollbar-thumb{background:#000}.fleetTripAvaiableVehiclesTodaysTrip{overflow:auto;width:100%;max-height:100px;padding-top:10px}.fleetTripAvaiableVehiclesCardBodyStyle{font-size:var(--xxsmallFont);padding:10px 0 0;height:100%;overflow:auto}.fleetVehiclesHistoryHeader{height:10%;padding:7px;display:flex;align-items:center}.fleetVehiclesBckBtnStyle{width:10%;display:flex;align-items:center;min-height:20px}.fleetVehiclehistoryDate1{width:80%}.fleetVehiclehistorySelection1{width:55%;text-align:end}.fleetVehiclesHistoryStyle1,.fleetVehiclesHistoryStyle2{height:calc(100% - 77px);background-color:#2c3a44}.DriverScore1{height:100px;margin-top:8px;background-color:#2c3a44}.fleetVehiclehistoryDate{width:30%}.fleetVehiclehistorySelection{width:70%}.fleetVehiclehistoryVINSelection{font-size:var(--xxsmallFont);height:30px;padding:0;border-radius:12px;background-color:#000;color:#fff}.fleetVehiclesHistoryListContainer{width:100%;padding-bottom:10px;padding-top:10px;min-height:100px;cursor:pointer}.fleetVehiclesHistoryListTiming{width:100%;font-size:14px;padding-bottom:7px}.fleetVehiclesHistoryListTripInfo{display:flex;width:100%;align-items:center}.fleetVehiclesHistoryTripStartEnd{width:70%}.fleetVehiclesHistoryTripIcon{width:15%;text-align:center}.fleetVehiclesHistoryTripDistance{width:15%;text-align:center;font-size:var(--smallFont)}.fleetVehiclesHistoryTripStart{padding-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fleetVehiclesHistoryTripEnd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fleetVehiclesHistoryTripStatrIconStyle,.fleetVehiclesHistoryTripEndIconStyle{padding-right:7px;font-size:var(--extraSmallFont)}.fleetVehiclesHistoryTripMapIconStyle{font-size:var(--xlargeFont)}.selectDateStyle .MuiOutlinedInput-root{color:#fff;width:152px}.selectDateStyle .MuiOutlinedInput-input{padding:6.5px 14px}.selectDateStyle .MuiInputLabel-outlined.MuiInputLabel-shrink{color:#fff;font-size:var(--xxsmallFont)}.selectDateStyle .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.selectDateStyle .selectDateStyle .MuiOutlinedInput-root:hover{border-color:#fff}.selectDateStyle .MuiOutlinedInput-root:focus .MuiOutlinedInput-notchedOutline{border-color:#fff}.selectDateStyle .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline{border-color:#fff}.selectDateStyle .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#fff}.selectDateTripManagementStyle{width:100%}.selectDateTripManagementStyle .MuiOutlinedInput-root{color:#000;width:100%}.selectDateTripManagementStyle .MuiOutlinedInput-input{padding:6.5px 14px}.selectDateTripManagementStyle .MuiInputLabel-outlined.MuiInputLabel-shrink{color:#000;font-size:var(--xxsmallFont)}.selectDateTripManagementStyle .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.selectDateTripManagementStyle .selectDateTripManagementStyle .MuiOutlinedInput-root:hover{border-color:#000}.selectDateTripManagementStyle .MuiOutlinedInput-root:focus .MuiOutlinedInput-notchedOutline{border-color:#000}.selectDateTripManagementStyle .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline{border-color:#000}.selectDateTripManagementStyle .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#000}.driverScore{height:12%;min-height:12%;width:22%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;border-radius:12px;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:20%;color:#f2f2f2;background-color:var(--headerBackgroundColor);left:50px;z-index:5;opacity:.9;overflow:hidden}.driverScoreHeader{height:40%;padding:7px;display:flex;align-items:center}.driverScoreBody{height:60%;padding:7px;display:flex}.driverScoreTitleStyle{width:50%}.driverTripTiming{width:35%;text-align:right;padding-right:4px}.driverTripTravledDistance{width:12%;text-align:start;padding-left:4px}.safeDrivingStyle,.brakingStyle,.speedStyle{width:33.33%;text-align:center}.safeDrivingScoreStyle,.safeDrivingBrakingScoreStyle,.safeDrivingSpeedScoreStyle{font-size:var(--largeFont);font-weight:600}.fleetSingleTripHistoryStyle{height:50%;min-height:30%;width:22%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;border-radius:12px;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:33%;color:#f2f2f2;background-color:var(--headerBackgroundColor);left:50px;z-index:5;opacity:.9;overflow:hidden}.fleetSingleTripHistoryStyle ::-webkit-scrollbar{width:5px}.fleetSingleTripHistoryStyle ::-webkit-scrollbar-thumb{background:#000}#headingOne1{font-size:var(--xsmallFont)}.fleetsingleTripHistroyCardStyle{padding-bottom:10px}.fleetSingleTripHistoryStyle1{width:100%}.fleetSingleTripHistoryHeader{height:10%;padding:7px;display:flex;align-items:center}.fleethSingleTripTitle{width:20%}.fleethSingleTripReport{width:70%;text-align:right;font-size:var(--largePlusFont)}.fleethSingleTripTitleArrowback{font-size:var(--largePlusFont);cursor:pointer}.fleetSingleTripHistoryBody{height:100%;padding:7px;font-size:var(--extraSmallFont)}.fleetSingleTripHistoryListContainer{width:100%;min-height:75px;cursor:pointer}.singleTripDetailsSummary{padding-bottom:7px;width:100%;overflow:auto;height:74%}.fleetSingleTripDTCBagdeStyle{justify-content:center;width:40px;height:20px;font-size:var(--extraSmallFont);color:#fff;background-color:#f53b57!important;display:flex;align-items:center;font-weight:400}.fleetSingleTripNoDTCBagdeStyle{justify-content:center;width:40px;height:20px;font-size:var(--smallFont);color:#fff;background-color:green!important;display:flex;align-items:center}.triptitle{font-size:var(--xxsmallFont)}.singleTripHistroyHeaderStyle{background-color:#262f3a;border-bottom:none;cursor:pointer;padding:.75rem 1.25rem}.singleTripHistoryDTCTblCardBodyStyle{font-size:var(--xxsmallFont);padding:0;max-height:80px;overflow:auto}input[type=date i]::-webkit-calendar-picker-indicator{background-image:url(assets/images/calendar1.svg)}.tripSummaryStyle{font-weight:600;font-size:var(--xsmallFont)}.selectParamBtnStyle{background-color:#20a8d8!important;margin-left:10px}.fleetModal .modal-content{min-height:430px}.fleetModal .modal-content,.fleetModal .modal-header,.fleetModal .modal-title,.fleetModal .modal-body,.fleetModal .modal-footer{color:#f2f2f2!important;background-color:var(--headerBackgroundColor)!important;border:none;font-size:var(--extraSmallFont);border-radius:5px}.fleetModal .noborderedButton,.fleetModal .modal-header .close{text-shadow:0 0 1px var(--modalButtonColor)}.fleetModal .noborderedButtonWithIcon{color:#f2f2f2!important;font-size:var(--extraSmallFont)!important}.fleetModal .fullscreenFilterTable,.fleetModal .totalParams,.fleetModal .baseTable .table,.fleetModal .baseTable .table thead th{color:#f2f2f2!important;background-color:var(--headerBackgroundColor)!important;border:none;font-size:var(--extraSmallFont)}.fleetModal .baseTable tbody tr:hover,.fleetModal .baseTable .react-bs-table{background-color:var(--headerBackgroundColor)}.fleetModal .form-control{color:#f2f2f2!important;background-color:var(--headerBackgroundColor)!important;border:1px solid #f2f2f2!important;font-size:var(--extraSmallFont)}.fleetModal .table td{border-bottom:none!important}.fleetModalProgress .modal-content,.fleetModalProgress .modal-header,.fleetModalProgress .modal-title,.fleetModalProgress .modal-body,.fleetModalProgress .modal-footer{color:#f2f2f2!important;background-color:var(--headerBackgroundColor)!important;border:none;font-size:var(--extraSmallFont);border-radius:5px}@media screen and (max-width:1366px){.DriverScore1{height:80px;padding-bottom:5px;background-color:#2c3a44}.singleTripDetailsSummary{padding-bottom:7px;width:100%;overflow:auto;height:48%}.driverScoreHeader{height:40%;display:flex;padding-right:15px;align-items:center}.fleetTripAvaiableVehiclesStyleAllTrips,.fleetTripAvaiableVehiclesStyleSingleTrip{min-width:400px;padding-top:0!important;padding-bottom:28px!important;width:28%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:0;color:#f2f2f2;z-index:5;opacity:.9;overflow:hidden}.fleetTripAvaiableVehiclesStyleAllTrips ::-webkit-scrollbar,.fleetTripAvaiableVehiclesStyleSingleTrip ::-webkit-scrollbar{width:5px}.fleetTripAvaiableVehiclesStyleAllTrips ::-webkit-scrollbar-thumb,.fleetTripAvaiableVehiclesStyleSingleTrip ::-webkit-scrollbar-thumb{background:#000}.fleetTripAvaiableVehiclesStyleAllTrips .card,.fleetTripAvaiableVehiclesStyleSingleTrip .card{color:#f2f2f2;background-color:#2c3a44!important;border:none;border-radius:0;padding:0}}.LiveAvaiableVehiclesStyle{min-width:400px;height:87%;width:20%;border:0px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;overflow-x:hidden;overflow-y:auto;box-shadow:none;bottom:0%;color:#f2f2f2;z-index:5;opacity:.9;overflow:hidden}.LiveAvaiableVehiclesStyle ::-webkit-scrollbar{width:5px}.LiveAvaiableVehiclesStyle ::-webkit-scrollbar-thumb{background:#000}.LiveAvaiableVehiclesStyleReducedM{height:8%;top:14%}.LiveAvaiableVehiclesStyleReducedM .LiveAvaiableVehiclesCardHeader{height:100%!important}.LiveAvaiableVehicleIconAlerts{font-size:var(--largestFont);padding-right:10px;color:#f31535;text-shadow:0 0 2px rgb(243,21,53)}.LiveAvaiableVehicleIconAlertsHealthy{font-size:var(--largestFont);padding-right:10px;color:#44bd32;text-shadow:0 0 2px rgb(68,189,50)}.LiveAvaiableVehicleIconCol1{font-size:var(--largestFont);padding-right:10px;color:red;text-shadow:0 0 2px red}.LiveAvaiableVehicleIconCol2{font-size:var(--largestFont);padding-right:10px;color:#ff0}.LiveAvaiableVehiclesCard{height:100%}.LiveAvaiableVehiclesCardHeader{background-color:var(--headerBackgroundColor);border-radius:0!important;padding:10px 10px 8px;height:7%;border-bottom:1px solid #6c747a;min-height:46px}.LiveAvaiableVehiclesCardHeader .form-control{background-color:var(--headerBackgroundColor)!important;color:#fff!important;border:none}.LiveAvaiableVehiclesCardCollapseBody{height:calc(100% - 52px)!important;color:#fff!important}.LiveAvaiableVehiclesCardBody{background-color:var(--headerBackgroundColor);padding:10px;overflow:auto}.filtercountBadgeStyle{align-items:center;display:inline-grid;font-weight:400;cursor:pointer;color:#fff;background-color:#0078d7!important}.showFiltesColumnContainer{display:flex;align-items:center;min-height:50px}.showFiltesColumnContainerHealthyVehicles{display:flex;align-items:center;min-height:60px;border-top:1px solid gray}.liveAvaiableVehiclesSideBarStyle{font-size:var(--largestFont);height:100%;cursor:pointer;float:right}.showFiltesIconColumn{width:15%}.showFiltesDetailsColumn{width:60%;font-size:var(--xsmallFont)}.showFiltesSwitchColumn{width:25%}.filterSwitchStyle.switch{width:50px;height:22px}.filterSwitchStyle.switch-pill .switch-slider:before{background-color:#f3f3f3;border-color:#f3f3f3;top:1px;height:18px;width:18px}.filterSwitchStyle.switch-label .switch-input:checked~.switch-slider:after{left:8px}.filterSwitchStyle .switch-input:checked~.switch-slider:before{border-color:#f3f3f3;background-color:#f3f3f3;transform:translate(26px)}.filterSwitchStyle.switch-label .switch-slider:after{color:var(--switchTextColorAfter);text-transform:initial;font-size:var(--extraSmallFont);font-weight:400;right:8px}.filterSwitchStyle.switch-dark .switch-input:checked+.switch-slider{background-color:var(--switchBckColorAfterSwitch);border-color:var(--switchBckColorAfterSwitch);width:inherit}.filterSwitchStyle.switch-pill .switch-slider{border-color:gray;background-color:gray}.displayDataStyle{display:flex;align-items:center;min-height:60px;cursor:pointer;padding-bottom:10px}.displayDataModalStyle{font-size:var(--smallFont)}.displayDataVINStyle{font-size:var(--xxsmallFont)}.liveAvaiableVehiclesSeperator{width:5%;height:100%;align-items:center;text-align:center;display:flow-root;height:inherit;border-right:1px solid white;min-height:32px}.DashboardTableStyle .table>tbody tr td{height:42px;padding-top:0;padding-bottom:0}.fleetTrackBagdeStyle{justify-content:center;width:auto;height:20px;font-size:var(--extraSmallFont);color:#fff;display:flex;align-items:center;font-weight:400}.fleetTrackBagdeStyleHalt{background-color:red}.fleetTrackBagdeStyleIdle{background-color:#bebe28}.fleetTrackBagdeStyleRun{background-color:green}.fleetTrackBagdeStyleNoGPS{background-color:#aaaaf0}.fleetTrackBagdeStyleOffline{background-color:#afabab}.fleetTrackBagdeAlertStyle{color:red;font-size:var(--mediumFont)}@media screen and (max-width:1366px){.LiveAvaiableVehiclesCardCollapseBody{height:calc(100% - 99px)!important;color:#fff!important}}.poi-info-window div,.poi-info-window a{background-color:transparent;color:#f2f2f2;padding:2px}.gm-ui-hover-effect{z-index:123!important;right:4px!important;top:4px!important}.gm-ui-hover-effect>span{background-color:#f2f2f2!important}.gm-style-iw-d{overflow:auto!important;padding:0!important;margin:0!important;width:100%;min-width:230px}.gm-style .gm-iw{color:#f2f2f2!important;padding:5px;max-width:100%}.gm-style .gm-style-iw-c{padding:0!important;margin:0!important;background-color:#2c3a44;opacity:.9;color:#f2f2f2!important;border-radius:12px;box-shadow:0 2px 7px 1px #0000004d}.markerCardBodyInfoPlayback{color:#f2f2f2;display:block}.markerWindowPlayback{position:relative;width:360px;background-color:#2c3a44;opacity:.9;color:#f2f2f2;border-radius:12px;box-shadow:0 2px 7px 1px #0000004d;padding:0;font-size:14;z-index:100}.gm-style .gm-style-iw-tc:after{background:#2c3a44!important}.markerCardBodyPlayback{width:100%!important;padding-top:5px;align-self:center;display:flex}.markerCardBodyPlaybackWidget{width:33%;font-size:16px;padding-left:1%;padding-bottom:5px;padding-top:5px;font-weight:600;text-align:center}.closeMarkerPlayback{width:10%;display:block!important;float:right;padding:6px 8px;height:100%}.gm-style-iw-t{bottom:35px!important}.markerWindowPlaybackLatiLongStyle{font-size:var(--xxsmallFont)}.vehicleDetailbtnRowStyle{height:8%}.vehicleDetailsummaryRowStyle{height:22%;background-color:var(--defaultContainerBackgroundColor)!important;box-shadow:var(--dashboardCardShadowColor);color:var(--textColor)!important}.vehicleDetaildailyRunningRowStyle{height:36%;display:flex;width:100%;padding-top:20px;padding-bottom:20px}.vehicleDetaildailyAvgSpeedRowStyle{height:34%;display:flex;width:100%}.summaryCointaner{width:25%;display:grid;justify-content:center}.expertDashboardCols{height:100%}.vehicleDetailsRightContainer{width:35%;height:100%;padding-bottom:20px}.vehicleDetailsLeftContainer{width:65%;height:100%;padding-left:20px;padding-bottom:20px;padding-right:20px}.topWidgetsTodayStyle{background-color:var(--defaultContainerBackgroundColor)!important;box-shadow:var(--dashboardCardShadowColor);color:var(--textColor)!important;height:100%}.vehicleDetailsCardHeader{background-color:transparent;border-bottom:none;display:flex;place-items:center}.vehicleDetailsHeaderLeft{width:-webkit-fill-available}.vehicleDetailsCarStyle{height:35%;width:100%;display:flex;align-items:center;justify-content:center}.vehicleDetailsInfoStyle{height:65%;width:100%}.vehicleDetailsInfoStyleCointainer{display:flex;padding-left:10%;padding-bottom:3%}.vehicleDetailsInfoLable1,.vehicleDetailsInfoLable2{width:50%}.driverScoreCardHeader{background-color:transparent;border-bottom:none;display:flex;place-items:center;text-align:start}.driverscoreCardheaderStyle{display:flex}.driverscoreLeftContainerStyle{width:40%}.driverscoreRightContainerStyle{width:70%}.driverscoreLeftMainDivStyle{height:60%;justify-content:center;place-content:center;display:flex;place-items:end}.driverscoreLeftChildDivStyle{height:50%;width:50%;background-color:#77cb77;display:flex;align-items:center;justify-content:center;font-size:35px;color:#fff}.scoreCointainerStyle{height:33.33%;align-items:center;display:flex;justify-content:center}.scoreCointainerLeftBorderStyle{width:8%;height:50%;border-right:10px solid gray}.scoreCointainerLeftStyle{width:50%;text-align:start;padding-left:20px}.scoreCointainerRightStyle{width:42%;text-align:left}.btnRowStyle{height:7%}.summaryRowStyle{height:31%;background-color:var(--defaultContainerBackgroundColor)!important;box-shadow:var(--dashboardCardShadowColor);color:var(--textColor)!important}.dailyRunningRowStyle{height:31%;display:flex;width:100%;padding-top:20px;padding-bottom:20px}.dailyAvgSpeedRowStyle{height:31%;display:flex;width:100%}.summaryCointanerDriver{width:25%;display:grid;justify-content:center;cursor:pointer}.summaryValueStyle{font-size:32px}.div11{width:50%;place-self:center;text-align:center;height:100%;background-color:var(--defaultContainerBackgroundColor)!important;box-shadow:var(--dashboardCardShadowColor);color:var(--textColor)!important;margin-right:20px}.div12{width:50%;place-self:center;text-align:center;height:100%;background-color:var(--defaultContainerBackgroundColor)!important;box-shadow:var(--dashboardCardShadowColor);color:var(--textColor)!important}.driverTripDetailsDashboardRow1,.driverTripDetailsDashboardRow2,.driverTripDetailsDashboardRow3{width:33.33%;height:100%;padding-bottom:20px}.avtarstyle{width:150px!important;height:150px!important;background-color:var(--headerAvatarBackgroundColor)!important;font-size:var(--iconxsmallFont)!important}@font-face{font-family:Material Icons;src:url(/public/fonts/MaterialIcons-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.material-icons{font-family:Material Icons;font-size:24px;line-height:1;display:inline-block;white-space:nowrap;direction:ltr}@font-face{font-family:Material Icons Outlined;src:url(/public/fonts/MaterialIconsOutlined-Regular.otf) format("opentype")}.material-icons-outlined{font-family:Material Icons Outlined;font-size:24px;line-height:1;display:inline-block}@font-face{font-family:Material Icons Round;src:url(/public/fonts/MaterialIconsRound-Regular.otf) format("opentype")}.material-icons-round{font-family:Material Icons Round;font-size:24px;line-height:1;display:inline-block}@font-face{font-family:Material Icons Sharp;src:url(/public/fonts/MaterialIconsSharp-Regular.otf) format("opentype")}.material-icons-sharp{font-family:Material Icons Sharp;font-size:24px;line-height:1;display:inline-block}@font-face{font-family:Material Icons Two Tone;src:url(/public/fonts/MaterialIconsTwoTone-Regular.otf) format("opentype")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-size:24px;line-height:1;display:inline-block}
