body{padding:0;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;display:flex;align-items:center;justify-content:center;height:auto}#titlebar{width:100%;background:#000;color:#fff;display:grid;height:8vh;line-height:8vh;font-size:1.4em;font-weight:700}.titlebar-l,.titlebar-r{float:left;width:20%}.titlebar-m{float:left;width:60%}.titlebar-r{text-align:right}.titlebar-col{font-size:1.2em}.titlebar-button{width:8vh;height:8vh;text-align:center}#main{width:80%;max-width:640px;height:100%;background:#fefefe}#nav{position:absolute;left:0}#nav_new{position:fixed;max-width:640px;background:red;display:block;bottom:0;z-index:999;width:100%}#nav_new,.mainmenu-item{height:8vh;line-height:8vh}.mainmenu-item{float:left;width:20%;text-align:center}#nav a{outline:none;text-decoration:none;line-height:3;color:#000;width:100%}#nav a.router-link-exact-active{color:#42b983}.textAlignLeft{text-align:left}.textAlignRight{text-align:right}.alignRight{float:right!important}.textAlignCenter{text-align:center!important}.bottomBar{bottom:0;width:80%;max-width:640px;background:#cecece;position:absolute;height:8vh;line-height:8vh;overflow:hidden}.bottomBar-button{background-color:#000;border:0 solid #fff;border-radius:12px;color:#fff;text-align:center;text-decoration:none;font-size:16px;width:100%;position:relative;font-size:1.2em;height:6vh;line-height:6vh}button.bottomBar-button{display:inline;line-height:32px;height:6vh;line-height:6vh}.col-1,.col-1-title{float:left;width:100%;font-size:1.2em;min-height:4vh;line-height:4vh}.col-1-title{font-size:1.2em;font-weight:700}.col-2,.col-2-title{float:left;width:45%;font-size:1.2em;min-height:4vh;line-height:4vh;padding:8px}.col-2-title{font-weight:700}.col-25,.col-25-title{float:left;width:25%;font-size:1.2em;min-height:4vh;line-height:4vh}.col-75,.col-75-title{float:left;width:75%;font-size:1.2em;min-height:8vh;line-height:8vh}.scaleButton{width:100%;height:100%;background-color:#ff0}.scaleButton:hover{background-color:red}.form-group{width:100%;display:flex}.form-input{height:6vh;width:100%;margin:4px;border:2px solid #000}.form-label{font-weight:700;height:5vh;line-height:5vh;width:100%;margin:4px}.login-top-pane{float:left;width:100%;height:30vh}.grid-wrapper{display:grid;grid-gap:10px;height:auto;grid-template-columns:[col] 100%;grid-template-rows:[row] 25%;background-color:#fff;color:#444}.grid-box{font-size:150%}.grid-box,.grid-box-vscale{background-color:#fdfdfd;color:#000;border-radius:5px;padding:20px}.grid-box-vscale{font-size:1.2em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.default-button,.register-button,button.default-button{background-color:#000;border:0 solid #fff;color:#fff;text-align:center;text-decoration:none;font-size:16px;width:100%;position:relative;font-size:2em}button.default-button{display:inline;line-height:32px;height:8vh}.default-field{background-color:#fff;border:1px solid #000;border-radius:12px;color:#000;text-align:center;text-decoration:none;width:100%;position:relative;font-size:24px;height:8vh}input.default-field{display:inline;line-height:32px;height:8vh;font-size:2em}.register-button{height:8vh}.default-button,.register-button{display:inline-block;line-height:8vh}.default-button{width:100%;height:auto;font-size:2em}.default-button:hover{background:#f9db69!important;color:#000}.bottom-button{bottom:10vh;position:absolute;display:flow-root;width:80%}.default-modal{width:40vw;border:1px solid #000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.default-row{width:100%;height:24px;float:left;padding:4px}.col-2-c{display:contents}.list-toolbar{float:left;width:100%;height:8vh}.list-toolbar-button{width:20vw;height:6vh;max-width:6vh;line-height:6vh;top:1vh;position:relative;right:1vh;font-size:2em}.trip-list-wrapper{display:grid;grid-gap:px;padding:4px;height:68vh;grid-template-columns:[col] 100%;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;background-color:#cecece;color:#444;overflow:auto}.trip-view-wrapper{display:grid;grid-gap:10px;height:86vh;grid-template-columns:[col] 100%;grid-template-rows:auto;overflow:auto}.trip-row-wrapper{width:100%;float:left;display:flex;height:auto}.trip-row{background-color:#fff;color:#000;border-radius:5px;padding:4px;font-size:1em;height:auto;width:inherit;display:inline-block}.trip-col1{width:50%;height:24px}.trip-col1,.trip-col2{float:left;line-height:24px;overflow:hidden}.trip-col2{width:100%;min-height:24px;max-height:24px}.trip-view-row{width:100%;float:left;display:flex;height:auto}.gen-list-wrapper{display:grid;grid-gap:2px;padding:4px;height:84vh;grid-template-columns:[col] 100%;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;background-color:#cecece;color:#444;overflow:auto}.row-line{width:100%;float:left;height:auto;background:1px solid #cecece}.trip-view-col{width:100vw;text-align:left}.trip-view-col,.trip-view-col2{float:left;overflow:hidden;min-height:4vh;line-height:4vh;padding:8px}.trip-view-col2{width:50vw}.greenBar{background:#629460!important}.greenBar,.redBar{color:#fff!important}.redBar{background:#f53d3e!important}.purpleBar{background:#88498f!important}.blueBar,.purpleBar{color:#fff!important}.blueBar{background:#2274a5!important}.orangeBar{background:#ff6d01!important;color:#fff!important}.yellowBar{background:#f9db69!important;color:#000!important}.redBorder{border:2px solid #f53d3e}.orangeBorder{border:2px solid #ff6d01}.purpleBorder{border:2px solid #88498f}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:.3s}.slide-enter-to{position:relative;left:0}.slide-enter,.slide-leave{position:absolute}.slide-enter{left:-100vw}.slide-leave-to{right:-100vw}.tab{overflow:hidden;border:0 solid #ccc;background-color:#f1f1f1;height:8vh}.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s;height:8vh;font-size:1.2em}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.tabcontent{display:none;padding:0}.gr-btn-container-foreground{height:7vh}.alert,.taxi-anim-frame{width:100%}.error-feedback{width:100%;color:#d00}@media (orientation:portrait){#main{width:100vw;height:100vh}#nav{padding:0;position:absolute;display:inline-block;bottom:0;left:0;width:100%}#nav,#titlebar{height:8vh}.bottomBar{bottom:0;width:100%}.bottom-button{bottom:10vh;position:absolute;display:flow-root!important;width:100%!important}.trip-list-wrapper{overflow:auto}}