:root{--primary-text-color:#323232;--electric-range-color:#17c2c9;--cc-color:#ff6d3b;--dark-background-text-color:white;--dark-background-color:#77a5e0;--primary-highlight-color:#77a5e0;--muted-highlight-color:#c4bbca;--secondary-highlight-color:#e89d1c;--muted-text-color:#6c757d;--muted-background-color:#f1f1f1;--completed-color:#008035;--warning-color:red;--main-background-color:white;--secondary-background-color:rgba(23,194,201,0.2);--input-background-color:#f0f0f0;--disabled-element-color:grey;--primary-border-color:#d5dee3;--electric-range-color:#0cc965;--gas-range-color:#b98d8d;--insufficient-range-color:#dcdcdc;--fade-out-range-color:white;--secondary-dark-background-color:#0f3361ff}body{font-family:'Nunito',sans-serif!important;background-color:var(--main-background-color)!important}.construction{background:var(--primary-highlight-color);color:white;text-align:center;font-size:1.3rem;font-weight:700;z-index:2;margin-bottom:50px}.navbar{background-color:var(--dark-background-color)}.navbar a{color:var(--dark-background-text-color)}.navbar .dropdown-menu a{color:var(--primary-text-color)}.navbar-brand:hover{cursor:pointer;color:var(--muted-text-color)}footer{background-color:var(--primary-highlight-color);color:var(--dark-background-text-color);height:50px;margin:0}.z-1{z-index:1;display:block!important;opacity:100!important}.strong{font-weight:700}.tile-background{background-image:url("/assets/imgs/titleimage.svg")}.main-display{margin-top:50px;color:var(--primary-text-color);position:relative;display:flex;flex-direction:column;align-items:center;overflow:visible;min-height:calc(100vh - 200px);max-width:700px!important}.nav-link{color:var(--main-background-color)}.nav-link:hover{color:var(--muted-highlight-color);cursor:pointer}.alternate-div{background-color:var(--secondary-background-color)}.main-display.results-section{justify-content:start;display:block}.title{font-size:min(7vw,35px);font-weight:400;text-align:center}.results-overlay-1{padding:150px 20px;background:rgba(119,165,224,0.4);overflow:hidden;height:100%;z-index:2;font-size:3rem;color:var(--primary-text-color);text-align:center;align-items:center;border-radius:10px;text-shadow:0 5px 5px rgba(200,200,200,0.6)}.bg-none{background-color:transparent!important}.maininput{width:100%;height:3rem;font-size:20px!important;background:var(--input-background-color);border:1px solid transparent;padding:10px;margin-bottom:10px;border-radius:10px}.routemap{width:100%;height:100%;min-height:200px}.next{min-width:250px;height:60px;text-align:center;z-index:2;font-size:1.2rem!important;margin-bottom:30px}.next.floating{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:10}.submit{min-width:300px;height:60px;text-align:center;z-index:2}.info-bar{border-bottom-right-radius:30px 40px;border-bottom-left-radius:30px 40px;overflow:hidden;background:var(--secondary-background-color);max-width:400px;height:45px;transition:height .5s ease 0s;position:fixed;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:2}.info-section{position:relative;width:25vw;max-width:110px;padding-top:5px;background-color:var(--secondary-background-color);color:var(--primary-highlight-color);overflow:hidden;height:45px;transition:all .5s ease 0s}.show-info-section{height:45px!important;width:50vw!important;max-width:200px!important;background:var(--muted-highlight-color)}.hide{height:0!important}.display-hide{display:none!important}.opacity-hide{opacity:0!important}#loading-display{height:100vh!important;margin:auto!important;display:flex;flex-direction:column;transition:opacity .5s ease .5s;opacity:1}.hide-loading{opacity:0!important}.loading-text{font-weight:500;font-size:30px;margin:0}.spinner{object-fit:cover;height:100px;width:300px}.highlight-info-section{background-color:var(--dark-background-color)!important;color:var(--dark-background-text-color)!important}.completed-info-section{background-color:var(--completed-color)!important;color:var(--dark-background-text-color)!important}.shrink-info-section{width:17.33vw;max-width:66.7px}.controls-line{flex-wrap:wrap}.info-bar-title{font-size:1rem;font-weight:500;line-height:2rem;overflow:hidden;transition:height .5s ease 0s;height:3rem}.info-bar-text{font-size:.8rem;line-height:.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-sort-div{border:2px solid var(--primary-border-color);border-radius:10px;padding:4px}.filter-sort-options .btn-group{margin:10px 10px;overflow-x:auto;max-width:100%}.filter-sort-toggle{width:100%;color:var(--dark-background-text-color)!important;background-color:var(--primary-highlight-color)!important;border:none!important;box-shadow:none!important}.filter-sort-div .btn.btn-outline-secondary.active{color:#fff!important;background-color:#6c757d!important;border-color:#6c757d!important}.filter-sort-div .btn.btn-outline-secondary.focus{background-color:transparent;border-color:#6c757d;box-shadow:none}.filter-sort-div .btn.btn-outline-secondary:hover{background-color:transparent;border-color:#6c757d;color:#6c757d}.slider-input{border:0;margin-top:15px;color:var(--primary-highlight-color);font-weight:bold}.slider-div{margin:0 10px}.slider-div .ui-widget-header{background:var(--primary-highlight-color);opacity:.5}.slider-div .ui-slider-handle{background:var(--primary-highlight-color)!important;border:0!important;border-radius:.6em!important}.icon{height:1.6rem}.autocomplete-item-icons{margin:0!important;padding:0 10px 0 0;width:90px;display:inline-block!important;text-align:end;background:transparent!important}.autocomplete-item-icons.autocomplete-single-icon{width:30px}.autocomplete-items-text{border:none!important;padding:0!important}.autocomplete-item-desc{border:none!important;padding:0!important;font-weight:bold}.autocomplete-item-spec{border:none!important;padding:0!important;color:var(--muted-text-color)}.input-number-group,.add-roadmap-group{max-width:210px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.input-number-group input[type=text]::-webkit-inner-spin-button,.input-number-group input[type=text]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.input-group-button{line-height:calc(80px/2 - 5px)}.input-number-group .input-number{min-width:70px;padding:0 2px;text-align:center;outline:0;display:block;margin:0}.input-number,.input-number-decrement,.input-number-increment{border:1px solid #cacaca;height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0}.input-number-decrement,.input-number-increment{display:inline-block;width:40px;background:var(--input-background-color);color:var(--primary-text-color);text-align:center;font-weight:bold;cursor:pointer;font-size:2rem;padding-bottom:.7rem}.input-number-disabled{color:var(--disabled-element-color)}.fa-trash{font-size:1rem;vertical-align:.2rem}.charging-options{transform:scale(3) translate(0,2px);margin-left:20px}.charging-label{font-size:1rem;border-radius:5px;width:250px}.rate-label{font-size:1rem}.checkbox-label{margin-right:25px}.electricity-rate{width:100px;font-size:1rem;padding-left:3px;border:0}.local-charger-time-div input{padding:.375rem .75rem;font-size:1rem;line-height:1.5;white-space:nowrap}.time-rate{width:100px;font-size:1rem;padding-left:3px;border:0}.input-units{font-size:.8rem;margin-left:-40px;color:var(--muted-text-color)}.rate-div{display:inline}.autocomplete-car-div{width:100%;position:relative;overflow:visible;padding:0}.autocomplete-car-div input,.autocomplete-car-div{font-size:20px;border-radius:10px;display:inline;margin:10px 0 0 0}.autocomplete-car-div .hidden{display:none}.autocomplete-options-div{position:relative}.autocomplete-items{position:absolute;border:1px solid var(--primary-border-color);border-bottom:0;border-top:0;z-index:99;color:black;background-color:white;width:100%;border-radius:0 0 10px 10px;overflow:hidden}.autocomplete-items div{padding:10px;cursor:pointer;border-bottom:1px solid var(--primary-border-color);overflow:visible}.autocomplete-items div:hover{background-color:var(--primary-highlight-color)!important;color:var(--dark-background-text-color)!important}.autocomplete-not-sure{background-color:var(--main-background-color);color:#5e5e5e;font-weight:600}.autocomplete-active{background-color:var(--primary-highlight-color)!important;color:var(--dark-background-text-color);overflow:visible}.body-type-select{padding:10px 10px}.body-type-select .btn{margin:2.5px 0!important}.edit{transition:all .3s ease;border-radius:5px;padding:3px 5px;border:2px solid var(--primary-border-color)}.edit:before{content:"\e907";font-family:icomoon;color:var(--primary-text-color);margin-left:3px;margin-right:3px}.edit:hover{background:var(--dark-background-color);color:var(--dark-background-text-color)!important;cursor:pointer}.edit:hover:before{color:var(--dark-background-text-color)}.results-section{color:var(--primary-text-color);max-width:700px}.roadtrip-link{color:var(--muted-text-color);font-size:.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}select{border:0;padding:5px}#local-charger{width:100%;color:var(--primary-text-color);background-color:var(--input-background-color)}#local-charger-payment-rate{width:70px}#local-charger-payment-method{background-color:var(--main-background-color);border-top-right-radius:5px;border-bottom-right-radius:5px}.local-charge-rate-unit{box-shadow:none!important;border:0!important;background-color:var(--input-background-color);padding-left:10px;padding-right:10px;outline:none!important}.local-charge-rate-unit:hover{background-color:var(--muted-background-color);color:var(--dark-background-text-color)}#per-min{border-top-right-radius:4px;border-bottom-right-radius:4px}#local-time-hours{border-top-right-radius:4px;border-bottom-right-radius:4px}#local-charger-time{border-top-left-radius:4px;border-bottom-left-radius:4px}option{width:100vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-group-text{border:0!important;background-color:var(--input-background-color)!important;padding:3px 10px}.selected{color:var(--dark-background-text-color)!important;background-color:var(--primary-highlight-color)!important}.results-card{background-color:white;border-radius:10px;padding:4px}.results-card-title{border:0;overflow:hidden;text-align:center;border-radius:20px 20px 0 0!important}.results-div{height:100vh;justify-content:center;align-content:center;display:flex;flex-direction:column}.results-text{font-size:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.results-div-title{font-size:4em;text-align:center}.card{border-radius:20px!important;overflow:hidden}.card-title{overflow:hidden;transition:all .5s ease 0s;margin-bottom:30px!important}.card-title:hover{white-space:normal}.card-image-cover{object-fit:cover;height:150px}.results-vehicle-header{position:sticky;top:0;background:white;z-index:4}.icon-large{font-size:1.3rem;text-align:right;height:40px;width:40px}.icon-huge{font-size:2.6rem;height:80px;padding:0 30px}.results-stats-div .row{align-items:stretch}.results-EV{border-bottom:3px solid var(--electric-range-color)}.results-compareCar{border-bottom:3px solid var(--cc-color)}.row-text{padding:0!important}.results-stats-entry{align-items:start;margin-top:30px;padding:0 15px 0 15px}.results-stats-entry{padding:0 15px 0 15px}.results-stats-entry-title{margin:0;font-size:1rem;color:var(--muted-text-color);text-align:center;margin-bottom:15px;white-space:nowrap}.results-stats-input{text-align:left;padding-left:15px;display:block}.results-stats-entry-icon{text-align:center}.card-deck .card{min-width:250px}.journey-stages-start{white-space:nowrap;padding:0 0 50px 0;position:relative;z-index:2;flex:1}.journey-stages-stop{white-space:nowrap;padding:10px 0 50px 0;position:relative;z-index:2;width:100%!important;flex:1;display:flex;align-items:center;transition:all 1s ease 0s}.journey-stages-end{transform:translate(0,10px);white-space:nowrap;position:relative;z-index:2}.color-key{background:var(--muted-background-color)}.color-index{width:20px;height:5px;float:right;margin:0 10px}.color-key-title{font-size:1rem}.index-items{justify-content:center;flex-wrap:wrap}.index-item{align-items:center;display:flex;margin:0 10px}.color-index.electric-color-index{background-color:var(--electric-range-color)}.gas-color-index{background-color:var(--gas-range-color)}.insuf-color-index{background-color:var(--insufficient-range-color)}.journey-stages-div{min-height:200px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%}.journey-stages-div-left{padding-left:2px}.journey-stages-div-right{text-align:right;padding-right:2px}.journey-stages-route{margin:30px 0 21px 0;content:'';width:5px;position:absolute;z-index:1;top:0;bottom:0}.journey-stages-route-left-outbound{left:10px}.journey-stages-route-left-return{left:30px}.journey-stages-route-right-outbound{right:24px}.journey-stages-route-right-return{right:6px}.roadtrip-line-div-right{right:18px}.roadtrip-line-div-left{left:25px}.roadtrip-line-electric-range-right::after{content:'';font-weight:800;width:5px;position:absolute;z-index:1;top:0;right:13px;bottom:0;background:var(--electric-range-color);margin:20px 0 -20px 0}.roadtrip-line-insuff-range-right::after{content:'';font-weight:800;width:5px;position:absolute;z-index:1;top:0;right:13px;bottom:0;background:linear-gradient(to bottom,var(--electric-range-color) 20%,var(--insufficient-range-color) 60%);margin:20px 0 -20px 0}.roadtrip-line-electric-range-left::after{content:'';font-weight:800;width:5px;position:absolute;z-index:1;top:0;left:18px;bottom:0;background:var(--electric-range-color);margin:0 0 -20px 0}.roadtrip-line-insuff-range-left::after{content:'';font-weight:800;width:5px;position:absolute;z-index:1;top:0;left:18px;bottom:0;background:linear-gradient(to bottom,var(--electric-range-color) 20%,var(--insufficient-range-color) 60%);margin:0 0 -20px 0}.journey-stage-icon{position:absolute;z-index:3;height:30px;margin-top:0}.journey-start-end-icon{height:40px!important;margin:-10px -5px 0 -5px!important;top:0}.journey-stage-icon-left{left:6.5px}.journey-stage-icon-right{right:0}.journey-stages-stop-text{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;width:100%}.results-summary-div{padding:0;font-size:max(1rem,min(1.5vw,1.3rem));line-height:1.2rem}.name{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1rem;margin-bottom:5px}.name-left{padding-left:45px}.name-right{padding-right:45px;text-align:right}.time{display:block;font-size:1rem;color:var(--muted-text-color);margin:-10px 0 0 0;width:100%}.time-left{padding:0 0 0 40px}.time-right{text-align:right;padding:0 40px 0 0}div.journey-stages-vehicle{overflow:hidden;font-size:1.2rem;padding:20px 20px 0 20px}.roadtrip-collapse-button{position:absolute;left:50%;width:100%;bottom:90px;transform:translate(-50%,0);background-color:#fff;border:0;border-radius:45px;box-shadow:0 0 5px 5px rgba(255,255,255,1);cursor:pointer;outline:0;font-size:1rem;z-index:4;color:var(--muted-text-color)}.roadtrip-collapse-button:focus{outline:0;box-shadow:0 0 5px 5px rgba(240,240,240,1)}.height-hide{height:0;overflow:hidden;line-height:0;margin:0;padding:0;opacity:0}.trip-totals-div div{display:flex;flex-direction:column;justify-content:space-around}.trip-totals-div .icons-div{align-items:center}.results-share-div{background-color:var(--primary-highlight-color);color:var(--dark-background-text-color);font-size:.9rem;width:100vw;z-index:30;justify-content:center;align-items:center;padding:5px 10px 10px 5px;display:flex;overflow:hidden}.results-share-div input{color:var(--muted-text-color);border-radius:5px;border:0;padding:2px 3px 2px 10px;margin:0 5px 0 5px;opacity:1;width:75px}.icon-inline{height:2rem;filter:grayscale(100%);opacity:.5}.results-share-container{max-width:700px!important}.results-warning-div{overflow:hidden}.assumptions-div{padding:15px 0}.assumptions-div div{padding:0 5px}.assumptions-div .row{padding:20px 0;margin:0 -20px}.assumptions-div .row.col-title{font-weight:bold}.assumptions-div .row div:nth-child(2){font-weight:bold}.icon-question{color:var(--secondary-dark-background-color)}.assumptions-div .row .col:first-child div:hover{cursor:pointer}.assumption-input{width:50px;border:0;background-color:transparent;color:inherit;text-align:right}.assumption-input-div .prefix{padding-left:10px}.assumption-input-div .suffix{padding-left:3px}.assumption-input-div .edit-icon{padding:4px 2px;float:left}.edit-icon.icon-checkmark-outline{color:var(--completed-color)}.edit-icon.icon-checkmark-outline{color:var(#9c1212)}.assumption-input-div{width:100%;max-width:160px;margin-left:auto;margin-right:0;padding:3px 5px;border:2px solid var(--primary-border-color);border-radius:5px;color:var(--primary-text-color);text-align:right;transition:all .3s ease}.assumption-input-div:hover{background:var(--dark-background-color);color:var(--dark-background-text-color)!important;cursor:pointer}.assumption-input:focus{outline:0}.assumption-input::-webkit-outer-spin-button,.assumption-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.assumption-input[type=number]{-moz-appearance:textfield}.tooltip-inner{background-color:var(--secondary-dark-background-color)!important}.tooltip.show{opacity:1!important}.arrow::before{border-top-color:var(--secondary-dark-background-color)!important}.assumptions-div .row:nth-child(even){background-color:var(--muted-background-color)}.assumption-button{width:100%}.copy-button{margin:0 10px 0 10px;transition:all .3s ease;border-radius:5px;width:150px;text-align:center;padding:3px 5px!important;border:2px solid var(--dark-background-text-color);color:var(--dark-background-text-color);background-color:transparent;display:inline-block;white-space:nowrap}.copy-button:before{content:"\e92c";font-family:icomoon;color:var(--dark-background-text-color);margin-left:3px;margin-right:3px}.copy-button:hover{background:var(--main-background-color);color:var(--muted-text-color)!important;cursor:pointer;border:2px solid var(--muted-text-color)}.copy-button:hover:before{color:var(--muted-text-color)}.start-new-button{margin:0 10px 0 10px;transition:all .3s ease;border-radius:5px;width:250px;text-align:center;padding:3px 5px;border:2px solid var(--dark-background-text-color);color:var(--dark-background-text-color);display:inline-block;white-space:nowrap}.start-new-button:before{content:"\e995";font-family:icomoon;color:var(--dark-background-text-color);margin-left:3px;margin-right:3px}.start-new-button:hover{background:var(--main-background-color);color:var(--muted-text-color)!important;cursor:pointer;border:2px solid var(--muted-text-color)}.start-new-button:hover:before{color:var(--muted-text-color)}.full-width-button-group{width:100%}.btn.full-width-button{width:33%;white-space:normal}.overlay{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;z-index:10000}.overlay-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(120,125,151,0.75);z-index:9999}.overlay-message{font-size:2rem;color:black}