body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html *{font-family:Roboto Slab,serif}button{border-radius:10px;display:inline-flex;font-size:large;margin-bottom:10px}button:hover{cursor:pointer}input,textarea{border-radius:5px}h1{font-size:large}.modalclosebtn{background:transparent;border:none;float:right}.formbutton:hover{cursor:pointer}.navigation{height:50px;position:relative}.navigation button{font-size:20px}.navigation .hamburgerbutton,.navigation button{background:transparent;border:none;cursor:pointer}.navigation .hamburgerbutton{left:30px;position:fixed;top:20px}.menu-nav{background:#fff;box-shadow:0 10px 15px -3px rgb(46 41 51/8%),0 4px 6px -2px rgba(71,63,79,.16);font-size:18px;left:0;list-style:none;max-width:100px;overflow:hidden;position:absolute;top:30px;-webkit-transform:translateX(-100px);transform:translateX(-100px);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:0;z-index:9}.menu-nav.show-menu{-webkit-transform:translateX(0);transform:translateX(0);width:100%}.menu-nav li:hover{cursor:pointer}.menu-nav li a,.menu-nav li span{display:block}.huddiv{height:100%;width:100%}.hud-grid{align-items:center;display:grid;grid-template-areas:"header-left header-right" "heading speedometer" "refresh refresh";grid-template-columns:1fr 1fr;grid-template-rows:1fr 5fr 1fr;justify-items:center;width:100%}.hud-grid-header-left{grid-area:header-left}.hud-grid-header-right{grid-area:header-right}.hud-grid-heading{grid-area:heading}.hud-grid-speedometer{grid-area:speedometer}.hud-grid-refresh{grid-area:refresh}.hud-map{width:100%}.headingdiv,.speedometerdiv{display:inline-flex}.leaflet-container{grid-area:map;height:50vh;width:90%}.tripsdiv{font-size:large}.tripsdiv td{text-align:center}.tripsdiv td,.tripsdiv th{margin:10px;padding:10px}.tripsdiv tr:hover{cursor:pointer}.newtrip-grid{grid-row-gap:5px;align-items:center;display:grid;font-size:large;grid-template-areas:"header header" "startdatetimelabel startposnamelabel" "startdatetime startposname" "passengerslabel noteslabel" "passengers notes" "formbutton formbutton";grid-template-columns:1fr 1fr;justify-items:center;row-gap:5px}.newtrip-header-grid{grid-area:header}label[for=notes]{grid-area:noteslabel}.edittripdiv input:hover{cursor:pointer}.edittrip-grid,.edittripdiv li{font-size:large}.edittrip-grid{grid-row-gap:5px;align-items:center;display:grid;grid-template-areas:"header header" "startdatetimelabel startposnamelabel" "startdatetime startposname" "enddatetimelabel endposnamelabel" "enddatetime endposname" "passengerslabel noteslabel" "passengers notes" "tripacculabel overnightstayslabel" "tripaccu overnightstays" "enginehourslabel tripstatuslabel" "enginehours tripactive" "none trippassive" "deletebutton formbutton";grid-template-columns:1fr 1fr;justify-items:center;row-gap:5px}.gridheader{grid-area:header}label[for=idstartdatetime]{grid-area:startdatetimelabel}label[for=idstartposname]{grid-area:startposnamelabel}#idstartdatetime{grid-area:startdatetime}#idstartposname{grid-area:startposname}label[for=idenddatetime]{grid-area:enddatetimelabel}label[for=idendposname]{grid-area:endposnamelabel}#idenddatetime{grid-area:enddatetime}#idendposname{grid-area:endposname}label[for=idpassengers]{grid-area:passengerslabel}label[for=idnotes]{grid-area:noteslabel}#idpassengers{grid-area:passengers}#idnotes{grid-area:notes}label[for=idtripaccu]{grid-area:tripacculabel}label[for=idovernightstays]{grid-area:overnightstayslabel}#idtripaccu{grid-area:tripaccu}#idovernightstays{grid-area:overnightstays}label[for=idenginehours]{grid-area:enginehourslabel}#idtripstatuslabel{grid-area:tripstatuslabel}#idenginehours{grid-area:enginehours}label[for=idtripactive]{grid-area:tripactive}label[for=idtrippassive]{grid-area:trippassive}.fueldiv{font-size:large}.fueldiv td{text-align:center}.fueldiv td,.fueldiv th{margin:10px;padding:10px}.fueldiv tr:hover{cursor:pointer}.newfueling-grid{grid-row-gap:5px;align-items:center;display:grid;font-size:large;grid-template-areas:"header header" "fueldatetimelabel fuelposnamelabel" "fueldatetime fuelposname" "fuellabel fuellabel" "fuel fuel" "fuelenghourslabel fueltriplabel" "fuelenghours fueltrip" "formbutton formbutton";grid-template-columns:1fr 1fr;justify-items:center;row-gap:5px}.newfueling-header-grid{grid-area:header}.editfuelingdiv input:hover{cursor:pointer}.editfuelingdiv li{font-size:large}.editfueling-grid{grid-row-gap:5px;align-items:center;display:grid;font-size:large;grid-template-areas:"header header" "fueldatetimelabel fuelposnamelabel" "fueldatetime fuelposname" "fuellabel fuellabel" "fuel fuel" "fuelenghourslabel fueltriplabel" "fuelenghours fueltrip" "submit submit" "deletebutton formbutton";grid-template-columns:1fr 1fr;justify-items:center;row-gap:5px}.editfueling-header-grid{grid-area:header}label[for=idfueldatetime]{grid-area:fueldatetimelabel}label[for=idfuelposname]{grid-area:fuelposnamelabel}#idfueldatetime{grid-area:fueldatetime}#idfuelposname{grid-area:fuelposname}label[for=idfuel]{grid-area:fuellabel}#idfuel{grid-area:fuel}label[for=idfuelenghours]{grid-area:fuelenghourslabel}#idfuelenghours{grid-area:fuelenghours}label[for=idfueltrip]{grid-area:fueltriplabel}#idfueltrip{grid-area:fueltrip}#iddeletebutton{grid-area:deletebutton}.formbutton{border-radius:10px;font-size:large;grid-area:formbutton}.modal{background-color:#d3d3d3;border-radius:20px;left:5%;padding:2%;position:absolute;right:5%;top:5%}.modaloverlay{background-color:#fff;bottom:0;left:0;position:fixed;right:0;top:0}.ReactModalPortal{position:fixed;z-index:2000}.ReactModal__Overlay{overflow-y:auto}.leaflet-container{margin:auto}
/*# sourceMappingURL=main.74561f46.css.map*/