/*!
 * Copyright (c) 2020. Dave van Rijn Development
 *//*!
 * Copyright (c) 2020. Dave van Rijn Development
 *//*!
 * Copyright (c) 2020. Dave van Rijn Development
 *//*!
 * Copyright (c) 2020. Dave van Rijn Development
 */@font-face{font-family:avenir-light;src:url(../../resources/fonts/4dac8bafc9011862ba7c.eot?) format("eot"),url(../../resources/fonts/819ff7f9af307ebb2b57.woff) format("woff"),url(../../resources/fonts/f5dc8649a4848ecfd8ed.svg#avenir-light) format("svg")}@font-face{font-family:avenir-light;font-weight:500;src:url(../../resources/fonts/ef068871e678ee4d2414.eot?) format("eot"),url(../../resources/fonts/83e052a498632a351eac.woff) format("woff"),url(../../resources/fonts/ee55016069583f4d3019.svg#avenir-light) format("svg")}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */label{cursor:inherit}*{margin:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:500}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:avenir-light,sans-serif;font-size:100%;font-weight:400;line-height:1.15;margin:0}button,input{overflow:visible}button,select{cursor:pointer;text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset,legend{padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}body,html{font-family:avenir-light,sans-serif;height:100svh;margin:0;overflow:hidden}body *,html *{box-sizing:border-box}@media(max-width:599px){body,html{font-size:15px}}@media(min-width:600px){body,html{font-size:16px}}@media(min-width:900px){body,html{font-size:15px}}@media(min-width:1200px){body,html{font-size:15px}}@media(min-width:1800px){body,html{font-size:17px}}.main-content{display:grid;flex-direction:column;grid-template-columns:auto;grid-template-rows:fit-content(100%) 1fr;height:100dvh}.main-content .page{background-color:#f5f5f5;display:grid;grid-template-columns:1fr;min-height:0}.default-popup{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;max-height:100dvh;max-width:90dvw}.default-popup .body-container,.default-popup .footer-container,.default-popup .header-container{padding:1rem}.default-popup .header-container{border-bottom:1px solid #e4e4e4}.default-popup .header-container .header-title{user-select:none}.default-popup .body-container{position:relative}.default-popup .footer-container.btn{display:flex;justify-content:flex-end}.default-popup .footer-container.btn-2{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;justify-content:end}.default-popup.force-padding .body-container,.default-popup.force-padding .footer-container,.default-popup.force-padding .header-container{padding:1rem!important}.default-popup.btn .footer-container{display:flex;justify-content:flex-end}.default-popup.btn-2 .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;justify-content:end}.default-table-row{align-items:center;display:grid;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;padding:.75rem .5rem}.default-table-row label{overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.default-table-row.head label{color:#9a9a9a;font-size:.9rem}.default-table-row.empty{grid-template-columns:auto;justify-items:center}.default-table-row.empty .empty-label{font-size:.9rem}.grid-col-2{grid-column-start:span 2}.grid-col-3{grid-column-start:span 3}.dvrd-select-container .content-container{width:inherit!important}.default-page{background-color:#fff;color:#2a435f;padding:1rem;position:relative}.application-header{align-content:center;background-color:#2c7ff9;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);color:#fff;display:grid;font-size:1.5rem;font-weight:600;grid-template-columns:auto;justify-items:center;padding:1rem 0 .5rem;width:100vw}.application-header .vehicle-row{font-size:1rem;padding:.5rem}.application-header .vehicle-row.with-controls{align-items:center;column-gap:.75rem;display:flex}.application-header .vehicle-row.with-controls .vehicle-control{cursor:pointer}.application-header .vehicle-row.with-controls .vehicle-label{height:1rem}
/*!
 * Copyright (c) 2020. Dave van Rijn Development
 *//*!
 * Copyright (c) 2020. Dave van Rijn Development
 */.login-view{align-self:center;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);display:flex;flex-direction:column;margin-bottom:auto;margin-top:auto;position:relative;width:min(100vw,30rem)}.login-view .body-container,.login-view .footer-container,.login-view .header-container{padding:1rem}.login-view .header-container{align-items:center;display:flex;flex-direction:column}.login-view .header-container .header-title{font-size:1.5rem;font-weight:500}.login-view .body-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.login-view .body-container .error-label{color:red;font-size:.9rem;margin-top:0;opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out,margin-top .2s ease-in-out;visibility:hidden}.login-view .body-container .error-label.visible{margin-top:.5rem;opacity:1;visibility:visible}.login-view .footer-container{display:flex;justify-content:center}
/*!
 * Copyright (c) 2020. Dave van Rijn Development
 */.distance-overview{display:grid;grid-template-rows:fit-content(100%) 1fr;justify-items:center;grid-row-gap:1rem;min-height:0;padding-bottom:4.5rem}.distance-overview .icon.calendar{color:#009fe3}.distance-overview .icon.start{color:#29a71a}.distance-overview .icon.end{color:red}.distance-overview .icon.driver{color:purple}.distance-overview .icon.description{color:#f39320}.distance-overview .distance-info-container{display:grid;grid-template-columns:auto;justify-items:center;grid-row-gap:1rem}.distance-overview .distance-info-container .info-title{font-weight:500}.distance-overview .distance-info-container .year-select-container{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:center}.distance-overview .distance-info-container .year-select-container .info-year{height:1rem}.distance-overview .distance-info-container .year-select-container .year-select{cursor:pointer;transition:color .2s ease-in-out}.distance-overview .distance-info-container .year-select-container .year-select:hover{color:#009fe3}.distance-overview .distance-info-container .distance-info{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1.5rem}.distance-overview .distances-container{justify-self:stretch;min-height:0}.distance-overview .distances-container .list-row{display:grid;grid-template-columns:repeat(3,1fr);padding:0 1rem;grid-row-gap:.5rem;align-content:center;align-items:start;border-top:1px solid #ccc;justify-content:center;transition:background-color .2s ease-in-out}.distance-overview .distances-container .list-row .description-label{grid-column-start:span 3}.distance-overview .distances-container .list-row.private{background-color:rgba(243,147,32,.2)}.distance-overview .distances-container .list-row.click{cursor:pointer}.distance-overview .distances-container .list-row.click:hover{background-color:rgba(0,159,227,.2)}.distance-overview .distances-container .list-row label{overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.distance-overview .footer-container{bottom:0;display:grid;grid-template-columns:auto;left:0;position:fixed;width:100dvw;grid-row-gap:1rem;background-color:#fff;justify-items:center;padding:1rem 0;z-index:1}.distance-overview .footer-container .btn-add{align-items:center;background-color:#29a71a;border-radius:.5rem;border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);cursor:pointer;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.distance-overview .footer-container .btn-add .plus-icon{color:#fff;font-size:1.25rem}.export-view{width:min(100vw,30rem)}.export-view .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.export-view .body-container .field{display:grid;grid-template-columns:1fr fit-content(100%);grid-column-gap:1rem;align-items:end}.export-view .body-container .field .close-button{font-size:1rem;margin-bottom:1rem}.export-view .footer-container{display:flex;justify-content:space-between}
/*!
 * Copyright (c) 2020. Dave van Rijn Development
 */.app-menu{left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.app-menu .menu-icon-container{align-items:center;cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem}.app-menu .menu-icon-container .menu-icon{font-size:1.25rem}.app-menu .menu-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:grid;left:0;opacity:0;padding:1rem;position:absolute;top:0;transform:translateY(calc(-100% - .5rem));transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.app-menu .menu-container .menu-item{display:grid;grid-template-columns:1.1rem 1fr;grid-column-gap:.5rem;padding:.25rem 0}.app-menu .menu-container .menu-item .item-icon{justify-self:center}.app-menu .menu-container.open{opacity:1;visibility:visible}
/*!
 * Copyright (c) 2020. Dave van Rijn Development
 */.create-distance{width:min(100vw,40rem)}.create-distance .body-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.create-distance .body-container .btn-delete{background-color:red;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;justify-self:end;padding:.5rem .75rem;transition:background-color .2s ease-in-out}.create-distance .body-container .btn-delete:hover{background-color:#c00}.create-distance .body-container .btn-delete.disabled{background-color:#f2f2f2;color:#ccc}.create-distance .body-container .row{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem;align-items:center}.create-distance .body-container .cities-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 1rem;border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:.5rem 0}.create-distance .body-container .cities-container .cities-label{grid-column-start:span 2}.create-distance .footer-container{display:flex;justify-content:space-between}.vehicle-data{width:90dvw}.vehicle-data .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.vehicle-data .body-container .delete-row{justify-self:end}.vehicle-data .body-container .delete-row .btn-delete{color:red}.vehicle-data .body-container .form{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.vehicle-select{grid-template-rows:fit-content(100%) 1fr fit-content(100%)}.vehicle-select,.vehicle-select .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem;justify-items:center}.vehicle-select .body-container{align-content:start;grid-template-rows:repeat(3,fit-content(100%)) 1fr;justify-self:stretch}.vehicle-select .body-container .vehicles-title{margin-top:1rem}.vehicle-select .body-container .vehicles-container{display:grid;grid-template-columns:auto;overflow-y:auto;width:80%}.vehicle-select .body-container .vehicles-container .vehicle-row{display:grid;grid-template-columns:1fr fit-content(100%);grid-row-gap:1rem}.vehicle-select .body-container .vehicles-container .empty-label{margin-top:.25rem}.vehicle-select .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem}
/*# sourceMappingURL=main-17ca04f6446ebb8c938a-cache.css.map*/