CINXE.COM

<!DOCTYPE html> <html xmlns:ng="ignored" xmlns:dmx="ignored" xmlns:fleet="ignored" lang="en" ng-app="MiXFleet" class="" ng-controller="siteController"> <head> <title ng-bind="title"></title> <meta charset="utf-8"> <meta name="google" value="notranslate"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="robots" content="noindex, nofollow" /> <meta name="description" content="MiX Telematics offers fleet management, driver safety and vehicle tracking solutions, delivered as SaaS to customers in over 120 countries." /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <link href="css/Mixfleet.css" rel="stylesheet"> <link href="css/MixFleet_responsive.css" rel="stylesheet"> <link href="css/Mixfleet-Icons.css" rel="stylesheet"> <link href="css/MiX.UI.ToolBar.css" rel="stylesheet" type="text/css" /> <link href="css/MiXFleet.UI.TimeLine.css" rel="stylesheet" type="text/css" /> <link href="css/MiXFleet.UI.DatePicker.css" rel="stylesheet" type="text/css" /> <link href="css/MiXFleet.UI.css" rel="stylesheet" type="text/css" /> <link href="css/MiXFleet.UI.Grid.css" rel="stylesheet" type="text/css" /> <link href="css/MiXFleet.UI.Dtco.css" rel="stylesheet" type="text/css" />   <link href="css/plugin-select2.css" rel="stylesheet" type="text/css" /> <link href="css/plugin-select2-bootstrap.css" rel="stylesheet" type="text/css" /> <link href="css/plugin-bootstrap-carousel.css" rel="stylesheet" type="text/css" /> <link href="css/plugin-datetimepicker.css" rel="stylesheet" type="text/css" /> <link href="css/plugin-jquery-tree.css" rel="stylesheet" type="text/css" /> <link href="css/plugin-jquery-ui-slider.css" rel="stylesheet" type="text/css" /> <link href="css/plugin-search-token.css" rel="stylesheet" type="text/css" /> <link href="css/plugin-colour-picker.css" rel="stylesheet" type="text/css" /> <link href="css/plugin-marker-icons.css" rel="stylesheet" type="text/css" /> <link href="css/perfect-scrollbar.css" rel="stylesheet" type="text/css" /> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); </script>  <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script> window.googletag = window.googletag || { cmd: [] }; googletag.cmd.push(function () { googletag.defineSlot('/22947438466/MFM-Login-Banner', [[728, 90], [750, 200], 'fluid'], 'div-gpt-ad-1699952361640-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(); googletag.enableServices(); }); </script>  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <script src="_cdn/Scripts/Framework/3rdparty.js"></script> <script src="_cdn/Scripts/Framework/DynaMiX.Framework.min.js"></script> <script src="_cdn/Scripts/config.js"></script> <script src="_cdn/Scripts/MiXFleet.min.js"></script> <script src="_cdn/Scripts/Framework/signalr.min.js"></script>  <script type="text/javascript" src="_cdn/Scripts/Framework/msal-browser.min.js"></script> <script type="text/javascript" src="_cdn/Scripts/Framework/authConfig.js"></script> <script type="text/javascript" src="_cdn/Scripts/Framework/ui.js"></script> <script type="text/javascript" src="_cdn/Scripts/Framework/auth.js"></script> <script type="text/javascript" src="_cdn/Scripts/Framework/graph.js"></script>  <script>document.write('<link rel="stylesheet" href="' + mappingFilesUrl + '/M.Leaflet.css"></link>')</script> <script>document.write('<script src="' + mappingFilesUrl + '/M.Leaflet.js"></' + 'script>')</script>  <script>document.write('<script type="text/javascript"> (function(n,t,a,e,co){var i="aptrinsic";n[i]=n[i]||function(){ (n[i].q=n[i].q||[]).push(arguments)},n[i].p=e;n[i].c=co; var r=t.createElement("script");r.async=!0,r.src=a+"?a="+e; var c=t.getElementsByTagName("script")[0];c.parentNode.insertBefore(r,c) })(window,document,"https://web-sdk-eu.aptrinsic.com/api/aptrinsic.js","' + gainsightEnvId + '"); </' + 'script>')</script>   <style> span.skype_pnh_container { display: none !important; } span.skype_pnh_print_container, span[class^="skype_pnh_print_container"] { display: inline !important; } html.debug .dmx-translatable { background: #c00000 !important; text-shadow: none !important; color: #ffffff !important; color: rgba(255, 255, 255, 0.6) !important; } html.debug .dmx-translatable.dmx-translated { background: #6dc000 !important; } html.debug .dmx-translatable.dmx-translation-disabled { background: #e99700 !important; } .dmx-send-untranslated-strings-button { position: absolute; z-index: 999; } </style> </head> <body fleet-keydown ng-class="{'body-bg': $isUnauthenticated(), 'popup': fullScreen}">  <div ng-class="{'background-image-container': $isUnauthenticated() == false}"></div>  <div id="header" ng-show="$isUnauthenticated() == false && !fullScreen"> <fleet-page-header></fleet-page-header> </div> <fleet-stop-impersonation-button></fleet-stop-impersonation-button> <div ng:show="unsecure || loggedInProfile"> <fleet-insertion-point target-selector=".breadcrumb-content"> <div dmx-translate dmx-compile-html-unsafe="breadcrumb.content.template"></div> </fleet-insertion-point>  <span ng-hide="loadingStack.length > 0"> <div id="MainView" ui-view></div> </span> </div>  <fleet-pop-alert></fleet-pop-alert> <fleet-message-modal name="globalErrorModal" title-class="alert-error"></fleet-message-modal> <fleet-message-modal name="globalWarningModal" title-class="alert-warning"></fleet-message-modal> <fleet-message-modal name="globalMessageModal" title-class="alert-success"></fleet-message-modal> <fleet-loading-modal name="globalLoadingModal"></fleet-loading-modal> <fleet-timeout-modal name="globalTimeoutModal"></fleet-timeout-modal> <fleet-form-modal name="loginModal" icon-class="icon-blue icon-info-sign" css-class="alert-info"></fleet-form-modal>  <div class="hidden-desktop hidden-phone modal-backdrop rotate-message-container no-print" ui-if="!fullScreen"> <div class="rotate-message"> <p>{{'Portrait orientation is not supported for this application. Please rotate your device to landscape.'|translate}}</p> <div> <img src="img/rotate-device.png" /> </div> </div> </div> <div class="hidden-desktop hidden-tablet visible-phone modal-backdrop rotate-message-container no-print" ui-if="!fullScreen"> <div class="rotate-message"> <p style="font-size: 14px; line-height: 26px;">{{'This application is not supported for mobile phone. Please use a tablet or PC to use our application.'|translate}}</p> </div> </div> </body> </html>