body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{min-height:100vh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}.App{display:grid;grid-template-columns:100%;grid-template-rows:65px auto 65px;height:100vh;height:calc(var(--vh, 1vh)*100);margin:0 auto;width:100%}@media (max-width:600px){.App{grid-template-rows:59px auto}}.app-body-div{display:grid;grid-template-rows:auto 1fr;height:100%;margin:0 auto}.input-div,.scan{display:flex;flex-direction:column;margin:0 auto;padding-bottom:50px}.input-div.text-input-div{margin:0 auto;max-width:400px}.input-div.scan-input-div{flex-grow:1;max-width:700px}.height-100{height:100%}.height-70{height:70%}.card{cursor:pointer}.card,.device-card a{height:100%}.device-card .card-media{background-color:#eef1f4;background-size:contain;height:calc(100% - 50px)}.device-card{height:100%;min-height:180px;text-align:center}.device-card .card .device-title{white-space:nowrap}@media (max-width:767px){.device-card{height:30%}}.no-text-decoration{text-decoration:none}.scan-qr-code-reader{max-height:calc(100% - 40px);max-width:100%}.input-div{text-align:center}.text-input-div{margin-left:30%;width:40%}@media (max-width:1200px){.input-div{width:100%}}.button-bar{background-color:#fff;bottom:0;position:fixed;right:0;width:100%}.scan-buttons{float:right;margin:0 5px 5px}.padding-right-5{padding-right:5px}.title-div{padding:20px 0}.title-div .sub-text{padding-top:2px}.link{color:blue;cursor:pointer;display:inline}.link:hover{text-decoration:underline}.error-img{max-width:350px;width:100%}.text-align-centre{text-align:center}.landing-page-title{padding:4% 0}.margin-top-2{margin-top:2%}.margin-top-4{margin-top:4%}.flex-grow-1{flex-grow:1}.health-card{text-align:center}.width-100{width:100%}.margin-top-8{margin-top:8px}.margin-bottom-8{margin-bottom:8px}.margin-bottom-16{margin-bottom:16px}.clickable{cursor:pointer}.cursor-default{cursor:default}.health-card.processing .card .card-action-area{background-color:#00abe714}.health-card.valid .card .card-action-area{background-color:#30ab5b14}.health-card.not-valid .card .card-action-area{background-color:#dd0c2914}.card .card-action-area .card-content{background:#fff;white-space:nowrap}.health-card.not-valid .card svg,.health-card.processing .card .card-action-area div.card-media,.health-card.valid .card svg{display:block;height:90px!important;margin:0 auto;padding:20px;width:85px!important}.health-card.valid .card svg path{fill:#1f6e3a}.health-card.not-valid .card svg path{fill:#b00920}.health-page-tip{text-align:center}.device-info{display:flex;padding:20px 0}.device-info img{height:40px;margin-right:20px;width:40px}.App.landing-page .wizard-overview-card{margin-bottom:20px;max-width:100%;width:100%}.wizard-overview-card .card{background:#00000014}.wizard-overview-card .card .card-header{background:#fff}.wizard-overview-breadcrumb{align-items:center;display:flex;margin:0 auto;padding:60px 0;width:-webkit-fit-content;width:fit-content}.wizard-overview-breadcrumb svg{color:#000;height:24px;opacity:.7;width:24px}.status-header{align-items:center;display:flex}.status-header .status-not-ok,.status-header .status-ok{margin-left:10px}.status-header .status-ok,.value-item .status-ok{background:#30ab5b14}.status-header .status-not-ok,.value-item .status-not-ok{background:#dd0c2914}.status-header .status-ok span,.value-item .status-ok span{color:#1f6e3a}.status-header .status-not-ok span,.value-item .status-not-ok span{color:#b00920}.status-header,.value-container{padding:20px 0}.value-item{padding:0 0 20px}.retry-tip-list{text-align:left}.tip-image{min-width:50%}.circle-progress{padding:15px 0 5px}.tip-title{padding-bottom:4px;text-align:left}.flex-container{align-items:baseline;display:flex;justify-content:space-around;padding:40px 0;width:100%}.flex-container-title{flex-grow:1;min-width:30%}.flex-container-content{flex-grow:2}.toggle-button-label{padding-bottom:3px;padding-top:2px}.divider-full-width{padding:40px 0;width:100%}.install-stepper{width:100%}.install-stepper .step-label{align-items:center;display:flex;flex-direction:row}.install-stepper .step-label .step-label-title{padding-right:8px}.install-stepper .step-content{padding-left:48px}.install-stepper .install-stepper-button-bar{float:right}.install-stepper .install-stepper-button-bar .back-button{margin-right:8px}.trailer-utilisation-dialog .trailer-icon svg,.trailer-utilisation-list-item .trailer-icon svg{height:auto;width:40px}.trailer-utilisation-dialog .trailer-icon svg path,.trailer-utilisation-list-item .trailer-icon svg path{fill:#0000008a}.details-flex-box-title{padding-bottom:24px}.header-status-indicator{padding-left:16px}.guided-walk-through-card-header{align-items:center;display:flex;justify-content:space-between}.status-header-with-dropdown{width:100%}.status-header-dropdown{float:right}.error-color{color:#b00920}.App.install-page .fixed{position:fixed}.icon-40{width:40px}.scan-overlay{border:50px solid #0000;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.tire{align-items:center;background-color:#fff;border:1px solid #d3d3d3;border-radius:20px;display:flex;height:124px;justify-content:center;text-align:center;width:62px}.tire.isBMS{width:86px}.tire.tire-valid{background-color:#30ab5b59;border:none}.tire.tire-invalid{background-color:#dd0c2940;border:none}.tire.tire-no-data{background-color:#e8bf2914;border-color:#e8bf29}.tire.tire-simple{background-color:#0000001f;border:none}.tire.tire-selected{background-color:#0070b4;border:none}.axle-bar{background-color:#0000001f;height:2px;width:10px}.axle-bar.simple{width:5px}.axle-bar-centre{width:100%}.axles{padding-bottom:16px}.axles,.tires{align-items:center}.axle-bar.axle-bar-centre:before{border-top:140px solid #0000001f;bottom:140px;content:"";display:block;margin:0 50%;position:relative;width:2px}.tpms-diagram{max-width:320px}.tpms-diagram-title{opacity:.54;padding:32px 0 86px;text-align:center}.tpms-diagram.tpms-simple-diagram{max-width:160px}.tpms-diagram.tpms-simple-diagram .tpms-diagram-title{padding:16px 0 43px}.tpms-diagram.tpms-simple-diagram .axle-bar.axle-bar-centre:before{border-top:70px solid #0000001f;bottom:70px;margin:0 50%;width:1px}.tpms-diagram.tpms-simple-diagram .axles{padding-bottom:8px}.tpms-diagram.tpms-simple-diagram .tire{border-radius:10px;height:62px;width:31px}.tpms-more-details-dialog .margin-top-24{margin-top:24px}.tpms-map-sensor .margin-top-8{margin-top:8px}.tpms-map-sensor .margin-top-16{margin-top:16px}.tpms-map-sensor .info-icon{align-items:baseline;background:#00abe714;border-radius:50%;height:96px;margin:16px;padding:8px;width:96px}.tpms-map-sensor .info-icon svg{fill:#006285;display:block;height:47px;margin:20px;width:47px}.vin-not-supported-text{cursor:default}.vin-not-supported-text,[role=tooltip] div{width:-webkit-fit-content;width:fit-content}[role=tooltip] div{max-width:500px}