body,html{-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;padding:0}#root,body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin}.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:#09d3ac}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}@media only screen and (min-width:1025px){.app-container{padding-left:400px}}.header{box-shadow:0 10px 30px -2px #888;height:135px;overflow-y:hidden;padding:20px;top:0;z-index:1}.footerMenu,.header{background-color:#fff;display:none;width:100%}.footerMenu{bottom:0;max-height:350px;overflow:scroll;position:fixed}.footerMenu .footer-open{background-color:#007bffad;display:flex;flex-direction:row;height:37px;justify-content:center;width:100%}.footerMenu .content{background-color:#fff;display:none;height:350px}.side-bar{background-color:#fff;box-shadow:10px 0 30px -2px #888;height:100%;left:0;overflow-x:hidden;padding-top:20px;position:fixed;top:0;width:400px;z-index:1}.map-container{flex:1 1;min-height:0;overflow:hidden;width:100%}.detour-form,.trip-summary,.user-input{border-bottom:1px solid #d3d3d3}.add-detour-container,.detour-form{margin-top:15px;padding-bottom:15px}.add-detour-btn,.detour-form,.route-input,.slide-container,.slider{width:100%}.add-detour-btn-map{border-radius:50%;bottom:40px;display:none;font-size:30px;height:50px;padding:0;position:absolute;right:80px;vertical-align:middle;width:50px}.route-submit{background-color:#fff;border-color:#007bff;color:#000;height:50px;margin:auto;width:100%}.slide-container{margin-bottom:10px;margin-top:10px}.detour-options,.trip-summary{margin-top:15px}.detour-option-btn{background-color:#0000;color:#000;font-size:50px}.list-group-item:hover{background-color:#d3d3d3}.btn-clear{background-color:#fff;border-color:red;color:#000;height:50px;width:100%}.btn-remove-detour{color:#d60000;float:left}.detour-edit-options{height:40px}.detour-arrow-btn{height:20px;padding:0;width:25px}.detour-edit-move,.detour-edit-remove{display:flex;flex-direction:column;height:40px}.user-input-mobile{border:none}@media only screen and (max-width:767px){.app-container{padding-bottom:37px;padding-top:135px}.side-bar{display:none}.header{display:block;padding:10px;position:fixed}.destination-input,.origin-input{margin-bottom:.5rem}.btn-clear,.clear-btn-container,.route-submit,.submit-btn-container{height:40px}.add-detour-btn-map,.footerMenu{display:block}.map-container{margin-bottom:30px}.add-detour-btn,.btn-get-detours{font-size:12px}.btn-remove-detour{background:#fff;color:#d60000;float:left;font-size:12px;height:20px;padding:0}.detour-edit-options{height:20px}.detour-arrow-btn{height:16px;padding:0;width:40px}.detour-edit-move,.detour-edit-remove{flex-direction:row;height:20px;padding:0}.detour-arrow-btn{background:#fff}.distance-summary,.time-summary{font-size:14px;margin-bottom:5px}}@media only screen and (min-width:768px) and (max-width:1024px){.app-container{padding-bottom:37px;padding-top:135px}.side-bar{display:none}.header{display:block;padding:10px;position:fixed}.destination-input,.origin-input{margin-bottom:.5rem}.btn-clear,.clear-btn-container,.route-submit,.submit-btn-container{height:40px}.add-detour-btn-map,.footerMenu{display:block}.map-container{margin-bottom:30px}.add-detour-btn,.btn-get-detours{font-size:12px}.btn-remove-detour{background:#fff;color:#d60000;float:left;font-size:12px;height:20px;padding:0}.detour-edit-options{height:20px}.detour-arrow-btn{height:16px;padding:0;width:40px}.detour-edit-move,.detour-edit-remove{flex-direction:row;height:20px;padding:0}.detour-arrow-btn{background:#fff}.distance-summary,.time-summary{font-size:14px;margin-bottom:5px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.app-container{padding-bottom:37px;padding-top:135px}.side-bar{display:none}.header{display:block;padding:10px;position:fixed}.destination-input,.origin-input{margin-bottom:.5rem}.btn-clear,.clear-btn-container,.route-submit,.submit-btn-container{height:40px}.add-detour-btn-map,.footerMenu{display:block}.map-container{margin-bottom:30px}.add-detour-btn,.btn-get-detours{font-size:12px}.btn-remove-detour{background:#fff;color:#d60000;float:left;font-size:12px;height:20px;padding:0}.detour-edit-options{height:20px}.detour-arrow-btn{height:16px;padding:0;width:40px}.detour-edit-move,.detour-edit-remove{flex-direction:row;height:20px;padding:0}.detour-arrow-btn{background:#fff}.distance-summary,.time-summary{font-size:14px;margin-bottom:5px}}html{width:100%}.timeline{list-style:none;padding:20px 0;position:relative}.timeline:before{background-color:#eee;bottom:0;content:" ";left:23px;margin-left:-1.5px;position:absolute;top:0;width:3px}.timeline>li{margin-bottom:20px;position:relative}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-panel{border:1px solid #d4d4d4;border-radius:2px;box-shadow:0 1px 6px rgba(0,0,0,.175);float:left;padding:20px;position:relative;width:calc(100% - 75px)}.timeline>li>.timeline-panel:before{border-color:#0000 #ccc;border-style:solid;border-width:15px 0 15px 15px;content:" ";display:inline-block;position:absolute;right:-15px;top:26px}.timeline>li>.timeline-panel:after{border-color:#0000 #fff;border-style:solid;border-width:14px 0 14px 14px;content:" ";display:inline-block;position:absolute;right:-14px;top:27px}.timeline>li>.timeline-badge{background-color:#999;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;color:#fff;font-size:25px;height:50px;line-height:50px;margin-left:-25px;position:absolute;right:87%;text-align:center;top:16px;width:50px;z-index:100}.timeline>li.timeline-inverted>.timeline-panel{float:right}.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline-badge{font-size:10px}.timeline-badge.destination,.timeline-badge.origin{background-color:#2e6da4!important}.timeline-badge.hike{background-color:#7a8f50!important}.timeline-badge.coffee{background-color:#a2825c!important}.timeline-badge.museum{background-color:#004853!important}.timeline-badge.landmark{background-color:#d9534f!important}.timeline-badge.restaurant{background-color:#3fb8af!important}.timeline-badge.bar{background-color:#87238c!important}.timeline-badge.gas-station{background-color:#73777e!important}.timeline-badge.charging-station{background-color:#a8dba8!important}.timeline-title{color:inherit;margin-top:0}.timeline-body>p,.timeline-body>ul{margin-bottom:0}.timeline-body>p+p{margin-top:5px}@media only screen and (max-width:767px){.timeline>li>.timeline-badge{font-size:17px;height:30px;left:24px;line-height:30px;margin-left:-15px;top:8px;width:30px}.timeline>li{margin-bottom:10px}.timeline{padding:10px 0}.timeline>li>.timeline-panel{padding:5px}.timeline>li>.timeline-panel:before{border-color:#0000 #ccc;border-style:solid;border-width:11px 0 11px 11px;content:" ";display:inline-block;position:absolute;right:-11px;top:10px}.timeline>li>.timeline-panel:after{border-color:#0000 #fff;border-style:solid;border-width:10px 0 10px 10px;content:" ";display:inline-block;position:absolute;right:-10px;top:11px}.timeline-title{font-size:15px}.timeline-body>p+p{margin-top:0}hr{margin-bottom:.25rem;margin-top:.25rem}}@media only screen and (min-width:768px) and (max-width:1024px){.timeline>li>.timeline-badge{font-size:17px;height:30px;left:24px;line-height:30px;margin-left:-15px;top:8px;width:30px}.timeline>li{margin-bottom:10px}.timeline{padding:10px 0}.timeline>li>.timeline-panel{padding:5px}.timeline>li>.timeline-panel:before{border-color:#0000 #ccc;border-style:solid;border-width:11px 0 11px 11px;content:" ";display:inline-block;position:absolute;right:-11px;top:10px}.timeline>li>.timeline-panel:after{border-color:#0000 #fff;border-style:solid;border-width:10px 0 10px 10px;content:" ";display:inline-block;position:absolute;right:-10px;top:11px}.timeline-title{font-size:15px}.timeline-body>p+p{margin-top:0}hr{margin-bottom:.25rem;margin-top:.25rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.timeline>li>.timeline-badge{font-size:17px;height:30px;left:24px;line-height:30px;margin-left:-15px;top:8px;width:30px}.timeline>li{margin-bottom:10px}.timeline{padding:10px 0}.timeline>li>.timeline-panel{padding:5px}.timeline>li>.timeline-panel:before{border-color:#0000 #ccc;border-style:solid;border-width:11px 0 11px 11px;content:" ";display:inline-block;position:absolute;right:-11px;top:10px}.timeline>li>.timeline-panel:after{border-color:#0000 #fff;border-style:solid;border-width:10px 0 10px 10px;content:" ";display:inline-block;position:absolute;right:-10px;top:11px}.timeline-title{font-size:15px}.timeline-body>p+p{margin-top:0}hr{margin-bottom:.25rem;margin-top:.25rem}}
/*# sourceMappingURL=main.6c0085e3.css.map*/