@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap);:root{--primary:#21dbdb;--error:#e7195a}body,header{background-blend-mode:inherit;background-color:rgba(49,47,47,.846);background-image:url(/static/media/truck.ecd5b3dfa7efd641326c.jpg);box-sizing:border-box;font-family:Poppins;margin:0}html{height:100vh;max-width:100vw;position:relative}header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:10px 20px;z-index:2}header a{color:#fff;text-decoration:none}.pages{margin:0;max-width:100vw;padding:1%}.loginButton{color:#000}.home{display:flex;justify-content:space-between}label{color:#fff}label::-webkit-input-placeholder{color:#fff}label::placeholder{color:#fff}input{background-color:#333;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:block;margin-bottom:20px;margin-top:10px;opacity:.5;padding:10px;width:100%}input::-webkit-input-placeholder{color:#fff}input::placeholder{color:#fff}form button{background:transparent;border:2px solid #21dbdb;border:2px solid var(--primary);border-radius:7px;color:#fff;cursor:pointer;font-family:Poppins;margin-bottom:10px;padding:10px}form button:hover{background-color:#21dbdb;background-color:var(--primary)}div.error{background:#ffefef;border:1px solid #e7195a;border:1px solid var(--error);border-radius:4px;color:#e7195a;color:var(--error);margin:20px 0;padding:10px}input.error{background-color:#cf4141;border:1px solid #e7195a;border:1px solid var(--error)}nav{align-items:center;display:flex}nav span{color:#fff}nav a,nav button{margin-left:10px}nav button{background:transparent;border:2px solid #21dbdb;border:2px solid var(--primary);border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins;font-size:1rem;padding:6px 10px}form.login,form.signup{background:#fff;border-radius:5px;margin:40px auto;max-width:400px;padding:20px}@media screen and (max-width:580px){body,html{max-width:100%;overflow-x:hidden}.pages{margin:0;max-width:600px;padding:0 5px}.trip-details{margin-left:1%!important;max-width:100%}.trip-details h4{font-size:1em;margin:0 0 5px}.trip-details p{color:#eee;font-size:.8rem}.trip-details span{background:#f1f1f1;border-radius:50%;color:#333;cursor:pointer;padding:6px;position:absolute;right:5%;top:80%}.tripAddButton{position:relative;z-index:3}.credentials{display:block;-webkit-transform:translatex(10%);transform:translatex(10%)}.loginButton{color:#000}nav button{padding:3px 5px}}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-thumb{border-radius:10px}.pages{max-height:100vh;overflow:hidden;position:relative}.trip-details{background-blend-mode:darken;background-color:rgba(49,47,47,.846);border-radius:4px;box-shadow:4px 4px 8px rgba(0,0,0,.05);box-sizing:border-box;margin:10px auto;max-width:90%;opacity:.8;padding:5px;position:relative;width:100%}.trip-details h4{color:var(--primary);font-size:1.2em;margin:0 0 10px}.trip-details p{color:#eee;font-size:1rem;margin:0}.trip-details span{background:#f1f1f1;border-radius:50%;color:#333;cursor:pointer;padding:6px;position:absolute;right:20px;top:20px}.endDateInput{color:#fff;width:40%}.millage{display:block}@media screen and (max-width:640px){.trip-details span{bottom:3px;right:5px;top:auto}}.add-trip-container{align-items:flex-end;box-sizing:border-box;display:flex;flex:1.2 1;flex-direction:column;margin:0;position:relative}.add-trip-container .date-picker-container{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end}.add-trip-container label[data-shrink=false]+.MuiInputBase-formControl .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{margin-top:0;padding-bottom:12px}.add-trip-container .create{box-sizing:border-box;display:flex;flex-direction:column;margin-right:0;max-width:100%;top:15%}.add-trip-container .create input{color:#fff}.add-trip-container .hide{display:none}.add-trip-container .expandButton{bottom:.5rem;display:flex;flex-direction:column;gap:1rem;max-height:100%;position:relative;text-align:right;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-trip-container .expandButton button{background-color:transparent;border:4px solid #21dbdb;color:#21dbdb;position:relative;scale:80%;top:0;z-index:3}.add-trip-container .expandButton button:hover{background-color:#21dbdb;color:#fff}.add-trip-container .driver-stats{display:flex;flex-direction:column;margin-top:10px;max-height:100vh;overflow-y:auto;text-align:left;text-shadow:0 0 4px #181818}.add-trip-container .driver-stats p{color:#fff}.add-trip-container .driver-stats p:last-child{margin-bottom:4rem}.add-trip-container .driver-stats span{color:#21dbdb;font-weight:700}.add-trip-container .driver-stats h3{color:#21dbdb;text-align:center}.millage{display:flex;gap:4px;justify-content:flex-start;max-width:100%}.millage .half{box-sizing:border-box;color:#fff;display:block;float:left;width:49%}@media screen and (max-width:640px){.millage{flex-direction:column}.millage input:first-child{margin-bottom:0}.millage input:last-child{margin-top:0}.half{min-width:100%}.expandButton{scale:80%}.driver-stats{margin:0;overflow-y:auto;padding:0;position:relative;scale:80%;top:-10%}.driver-stats p{font-size:.9rem;margin:5px}}.home{box-sizing:border-box;max-height:100%;position:relative}.home .trip{display:flex;flex:3 1;flex-direction:column;height:100vh;overflow-y:auto}.home .time-to-now{color:#fff;text-align:center;text-shadow:0 0 4px #181818}@media screen and (max-width:640px){.time-to-now{font-size:.8rem}}
/*# sourceMappingURL=main.1f164a9c.css.map*/