aside#menu{position:fixed;width:100%;top:0;height:var(--header-height);z-index:2}aside#menu>div{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:#deb887;height:100%;width:100%;left:0;z-index:2;-webkit-transition:left .2s;-o-transition:left .2s;transition:left .2s}aside#menu.open>div{left:-20%}nav#sub-nav{background-color:#789;-webkit-box-shadow:0 0 10px 0 #000 inset;box-shadow:inset 0 0 10px 0 #000;height:100%;text-align:right;z-index:1}nav#main-nav a{padding:10px;width:100%;font-size:25px;line-height:1.5;color:snow}#sign-out{display:inline-block;height:100%;padding:calc((var(--header-height)/2) - 10px) 10px;color:#deb887}#online-status{border:1px inset;border-radius:10px;margin:auto 5px;padding:5px 10px;color:#000;height:70%}#connection-state{display:inline-block;border:1px solid gray;width:10px;height:10px;border-radius:10px;margin-right:5px}.online{background:-webkit-gradient(linear,left top,left bottom,from(#bfd255),color-stop(50%,#8eb92a),color-stop(51%,#72aa00),to(#9ecb2d));background:-webkit-linear-gradient(top,#bfd255,#8eb92a 50%,#72aa00 51%,#9ecb2d);background:-o-linear-gradient(top,#bfd255 0,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);background:linear-gradient(180deg,#bfd255 0,#8eb92a 50%,#72aa00 51%,#9ecb2d)}.offline{background:-webkit-gradient(linear,left top,left bottom,from(#efc5ca),color-stop(50%,#d24b5a),color-stop(51%,#ba2737),to(#f18e99));background:-webkit-linear-gradient(top,#efc5ca,#d24b5a 50%,#ba2737 51%,#f18e99);background:-o-linear-gradient(top,#efc5ca 0,#d24b5a 50%,#ba2737 51%,#f18e99 100%);background:linear-gradient(180deg,#efc5ca 0,#d24b5a 50%,#ba2737 51%,#f18e99)}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit;position:relative;margin:0;padding:0;font-family:Arial;list-style-type:none;text-decoration:none}body{background-color:#f5f5f5}:root{--panel-count:2;--panel:0;--header-height:40px}body main:first-child{position:fixed;right:0;left:0;top:0;bottom:0}body main:first-child > header{top:0;height:var(--header-height);width:calc(100% + 10px);left:-5px;text-align:right;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);z-index:1;background-color:#deb887}body main:first-child > header svg{font-size:25px}body main:first-child > section{width:100%;height:100%;left:0;z-index:0;text-align:center}div.button-footer{background-color:#fff;bottom:0;padding:10px 0;position:fixed;width:100%}button{padding:10px;background:-webkit-gradient(linear,left top,left bottom,from(#a9db80),to(#96c56f));background:-webkit-linear-gradient(top,#a9db80,#96c56f);background:-o-linear-gradient(top,#a9db80 0,#96c56f 100%);background:linear-gradient(180deg,#a9db80 0,#96c56f);bottom:10px;margin-left:2%;font-size:32px}button,input{border:1px solid #000;width:96%}input{font-size:20px;padding:1%;margin-left:1%;margin-bottom:5px;margin-top:5px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(47%,#f6f6f6),to(#ededed));background:-webkit-linear-gradient(top,#fff,#f6f6f6 47%,#ededed);background:-o-linear-gradient(top,#fff 0,#f6f6f6 47%,#ededed 100%);background:linear-gradient(180deg,#fff 0,#f6f6f6 47%,#ededed)}.car-container{text-align:center;background-color:snow;margin:20px;padding:10px;-webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);-o-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1)}.car-container .car-label{font-size:100px;font-weight:700;color:#000}.car-container .car-label svg{font-size:20px;border:1px solid gray;border-radius:5px;position:absolute;bottom:20px;color:gray;left:-20px}.car-container div.fuel_economy{background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(47%,#f6f6f6),to(#ededed));background:-webkit-linear-gradient(top,#fff,#f6f6f6 47%,#ededed);background:-o-linear-gradient(top,#fff 0,#f6f6f6 47%,#ededed 100%);background:linear-gradient(180deg,#fff 0,#f6f6f6 47%,#ededed);border:1px solid #000;border-radius:5px;font-size:100px;padding:20px 0;color:#444;margin-bottom:5px}.car-container h1{font-weight:400;font-size:20px;margin-bottom:0}.car-container ul{text-align:left;margin:0 20%}.car-container ul li{list-style-type:none;text-align:right;margin-bottom:5px}.car-container ul li span{display:inline-block;text-align:right}.car-container ul li span.label{position:absolute;left:0;width:65px;font-weight:700;text-align:left}.filter{text-align:left!important}.add-fuel{background:-webkit-gradient(linear,left top,left bottom,from(#a9db80),to(#96c56f));background:-webkit-linear-gradient(top,#a9db80,#96c56f);background:-o-linear-gradient(top,#a9db80 0,#96c56f 100%);background:linear-gradient(180deg,#a9db80 0,#96c56f);border:1px solid #000;border-radius:5px;color:#000;height:40px;display:inline-block;width:100%;text-decoration:none;cursor:pointer;padding:10px}.react-router-modal__modal-open{overflow:hidden}.react-router-modal__container{position:fixed;z-index:1000}.react-router-modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.react-router-modal__modal{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:5px;border:1px solid #777}@media only screen and (max-device-width:1024px){.react-router-modal__modal-open{position:fixed;overflow:hidden;-webkit-overflow-scrolling:touch}.react-router-modal__container{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}}
/*# sourceMappingURL=main.40661b3e.css.map*/