@import url(https://fonts.googleapis.com/icon?family=Material+Icons);.loader{background:#eee;border-radius:4px;-webkit-animation:FlashBackground 1s ease infinite;animation:FlashBackground 1s ease infinite;background:linear-gradient(100deg,#ddd 25%,#efefef 50%,#ddd 75%);background-size:400% 400%;margin-bottom:2rem}.loader.loader--card{height:110px}.loader.loader--heading{height:21px;border-radius:10px;margin:14.94px 0!important}.loader.loader--text{height:14px;border-radius:7px}@-webkit-keyframes FlashBackground{0%{background-position-x:100%}to{background-position-x:0}}@keyframes FlashBackground{0%{background-position-x:100%}to{background-position-x:0}}html{font-size:62.5%}#root,body,html,root{height:100%}body{margin:0;padding:0;font-family:helvetica,arial,verdana,sans-serif;font-size:1.6rem;background:#0d2a8a;color:rgba(0,0,0,.9);overflow:hidden}.container{background:#fafafa;height:100%}.container--main{display:flex;flex-direction:column;height:100%;width:100%}.container--login{text-align:center;color:hsla(0,0%,100%,.95)}.container--login .logo{color:#0d2a8a;font-size:96px;margin:0 0 4rem;width:100%}.containerPadding{padding:2rem;overflow-y:auto}.constrain{max-width:960px;margin:0 auto}h1,h2,h3,h4,h5,h6{color:#0d2a8a;letter-spacing:.02em;font-weight:400}h1{font-size:2.2rem;margin-top:0}h2{font-size:1.9rem;border-bottom:1px solid #eee;padding:1rem 0;margin:0}.StripeElement{border-radius:4px;padding:1rem 1.5rem;border:1px solid rgba(0,0,0,.15);font-family:helvetica,arial,verdana,sans-serif}.anchor.normal.light{border-radius:4px!important}.languageSwitcher{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;margin:0 auto;border:none;background:none;cursor:pointer;color:#1646e7;padding:1rem}.hamburgerMenu{width:44px;height:44px;display:inline-block;cursor:pointer;overflow:visible;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear}.hamburgerMenu--active:hover,.hamburgerMenu:hover{opacity:.7}.hamburgerBox{width:24px;height:24px;display:inline-block;position:relative}.hamburgerInner{top:50%;margin-top:-1px}.hamburgerInner,.hamburgerInner:after,.hamburgerInner:before{width:18px;height:2px;background:hsla(0,0%,100%,.95);position:absolute;left:3px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburgerInner:after,.hamburgerInner:before{content:"";display:block}.hamburgerInner:before{top:-5px;left:0}.hamburgerInner:after{bottom:-5px;left:0}.hamburgerInner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburgerInner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburgerInner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburgerMenu--active .hamburgerInner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburgerMenu--active .hamburgerInner:before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms ease .12s}.hamburgerMenu--active .hamburgerInner:after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s}.header{background:#0d2a8a;height:50px;display:flex;justify-content:space-between}.header .logo{display:inline-block;margin:0 auto;padding-top:7px}.header .logo img{height:35px}.header .hamburgerButton{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:hsla(0,0%,100%,.95);cursor:pointer;padding:1rem 1.8rem}.header .hamburgerButton i{line-height:30px}.header .hamburgerButton:hover{color:hsla(0,0%,80%,.95)}.header .hamburgerMenu{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:none;border:none;height:100%}.header ul{margin:0;padding:0;list-style:none}.header ul li a{padding:2rem;color:hsla(0,0%,100%,.95);text-decoration:none;display:block;font-size:2rem}.header ul a.active{background:#0b2373}.menu{display:none}.menu--expanded{display:block;height:100vh;position:fixed;background:#0d2a8a;top:50px;right:0;z-index:999;width:100%}.button__logout{border:0;font-size:2rem;cursor:pointer;text-decoration:none}.button__logout,button.language{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2rem;color:hsla(0,0%,100%,.95);width:100%;background:none}button.language{margin:0;border:none}@media screen and (max-width:64em){.menu a{text-align:center}}@media screen and (min-width:64em){.menu--expanded{max-width:320px}}.noData{text-align:center;border:2px dashed rgba(0,0,0,.2);border-radius:10px;font-size:2rem;position:absolute;left:2rem;right:2rem;top:50%;transform:translateY(-50%);padding:2rem}.noData__button{background:#f5c211;margin:2rem auto 0;padding:1rem 4rem;font-size:2rem;color:#382c02}.card,.noData__button{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:none;border-radius:4px}.card{box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16);padding:1rem;margin:1rem 0 2rem;font-size:1.4rem;overflow:hidden;text-decoration:none;color:rgba(0,0,0,.9);background:none;width:100%}.card--vehicle{padding:0}.card__label{position:absolute;z-index:2;right:-.5rem;top:-.5rem}.card__label .label{box-shadow:0 1px 1px 0 rgba(60,64,67,.28),0 1px 3px 1px rgba(60,64,67,.26)}.card__image{height:0;padding-bottom:50%;background:#eee;position:relative;text-align:center;overflow:hidden}.card__image i{font-size:3.6rem;line-height:8rem;color:rgba(0,0,0,.4)}.card__image .cardImage_overlay{position:absolute;z-index:1;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,67,146,.6),rgba(0,67,146,.8))}.card__image .cardImage_overlay .appointment__vehicle{color:#fff;font-size:2.2rem;font-weight:400}.card__image .cardImage_overlay .appointment__dateString{color:#fff;font-size:1.8rem;margin-top:2rem}.card__text{padding:2rem}.card__text h2{font-size:1.6rem;line-height:4rem}.timeline{width:4px;height:20px;margin:-2rem 3.2rem -1rem;background:rgba(0,0,0,.1)}.timelineYear{margin-left:3.2rem}.timelineYear .timelineYearLine{width:20px;height:4px}.timelineYear .timelineYearLine,.timelineYear .year{background:rgba(0,0,0,.1);display:inline-block;vertical-align:middle}.timelineYear .year{padding:0 .8rem;line-height:2.4rem;border-radius:5px;font-weight:700;letter-spacing:.02em;color:rgba(0,0,0,.6)}.timeline--past,.timelineYear--past .timelineYearLine,.timelineYear--past .year{background-color:#93de92;color:#1b571a}.timeline--present,.timelineYear--present .timelineYearLine,.timelineYear--present .year{background-color:#cfd9fa;color:#1138b9}.cardDate{border-radius:4px 0 0 4px;background:#fafafa;text-align:center;display:flex;justify-content:center;align-items:center;letter-spacing:.08em;font-weight:700;font-size:1.1rem;line-height:2rem;text-transform:uppercase;color:rgba(0,0,0,.75)}.cardDate div.day{font-size:1.4rem}.cardDate--past{background-color:#33a532;color:#f4fcf4}.cardDate--present{background-color:#1646e7;color:#fff}.labelPill{border-radius:3px;background:#a7a7a7;display:inline-block;min-width:80px;text-align:center;font-size:1.1rem;letter-spacing:.02em;padding:.3rem;color:hsla(0,0%,100%,.95);text-transform:uppercase;box-sizing:border-box}.labelPill--large{padding:.5rem 2rem;width:auto;font-size:1.4rem}.labelPill--diagnosis,.labelPill--work_started{background-color:#f5c211;border:1px solid #fbe8a4}.labelPill--appointment_request,.labelPill--arrival_pickup,.labelPill--departure_drop,.labelPill--identified{background-color:#0d2a8a;border:1px solid #436aed}.labelPill--arrival_drop_complete,.labelPill--arrival_pickup_complete,.labelPill--complete,.labelPill--customer_approved,.labelPill--departure_drop_complete,.labelPill--departure_pickup_complete,.labelPill--standard_service{background-color:#33a532;border:1px solid #93de92}.labelPill--cancelled,.labelPill--customer_declined{background-color:red;border:1px solid #f99}.button{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#048657;border:none;padding:2rem;text-align:center;border-radius:4px;width:100%;margin:2rem 0;color:hsla(0,0%,100%,.95);font-size:2rem;letter-spacing:.02em;display:block;box-sizing:border-box;text-decoration:none;cursor:pointer}.button:hover{background:#035437}.button.decline{background:#860404}.button.decline:hover{background:#540303}.appointment__container{text-align:center}.appointment__container .appointment__vehicle{font-size:1.6rem;margin-bottom:1rem;color:#0d2a8a}.appointment__container .appointment__date .appointment__dateString{font-size:1.8rem}.appointment__container .appointment__date .appointment__dateTime{font-size:1.2rem}.appointment__container .appointment__installer{margin-top:1rem}.iconLink{text-align:center;text-decoration:none;margin:2rem 2rem 0;color:#0d2a8a;text-transform:uppercase;font-size:1.1rem}.iconLink i{display:block;margin-bottom:1rem}.iconLink--small{margin:0 0 0 2rem}.iconLink--small i{margin:0}.iconLink--medium{font-size:1rem}.fieldContainer{border:1px solid rgba(0,0,0,.1);border-radius:4px;margin-bottom:1rem;position:relative;height:40px}.fieldContainer .field__label{font-size:1.5rem;color:rgba(0,0,0,.6);text-align:left}.fieldContainer .field__helper,.fieldContainer .field__label{line-height:40px;position:absolute;left:1.3rem;right:1.3rem;transition:all .15s ease-in-out}.fieldContainer .field__helper{font-size:1.2rem;color:rgba(0,0,0,.4);text-align:right}.fieldContainer input,.fieldContainer select,.fieldContainer textarea{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;margin:0;padding:0;line-height:3rem;background:none;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fieldContainer input{text-indent:1.3rem}.fieldContainer select{padding-left:1.3rem;padding-right:1.3rem}.fieldContainer textarea{line-height:normal;padding:2rem 1.3rem 1.3rem;box-sizing:border-box;resize:none}.fieldContainer input:-webkit-autofill,.fieldContainer input:-webkit-autofill:focus,.fieldContainer input:-webkit-autofill:hover,.fieldContainer select:-webkit-autofill,.fieldContainer select:-webkit-autofill:focus,.fieldContainer select:-webkit-autofill:hover,.fieldContainer textarea:-webkit-autofill,.fieldContainer textarea:-webkit-autofill:focus,.fieldContainer textarea:-webkit-autofill:hover{border:none;border-radius:4px;-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0 1000px transparent inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.fieldContainer .checkbox{display:inline-block;position:absolute;left:1.3rem;text-indent:0;z-index:-1}.fieldContainer .checkbox i{line-height:40px;color:rgba(0,0,0,.6)}.fieldContainer .checkbox.checkbox--checked i{color:#1646e7}.fieldContainer--textarea{height:120px}.fieldContainer--checkbox{text-indent:3.3rem;cursor:pointer}.fieldContainer--checkbox .field__label{color:rgba(0,0,0,.9)}.fieldContainer--filled:not(.fieldContainer--checkbox) .field__label,.fieldContainer--focused:not(.fieldContainer--checkbox) .field__label{line-height:2.2rem;font-size:1.2rem;transition:all .1s ease-in-out}.fieldContainer--filled:not(.fieldContainer--checkbox) .field__helper,.fieldContainer--focused:not(.fieldContainer--checkbox) .field__helper{line-height:2.2rem;font-size:1rem;transition:all .1s ease-in-out}.fieldContainer--filled:not(.fieldContainer--checkbox) input,.fieldContainer--focused:not(.fieldContainer--checkbox) input{padding-top:1.8rem}.fieldContainer--filled:not(.fieldContainer--checkbox) select,.fieldContainer--focused:not(.fieldContainer--checkbox) select{padding-top:1.4rem}.fieldContainer--focused{border-color:#1646e7}.submitButton{background:#1646e7;padding:1.2rem 3rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border:none;border-radius:4px;color:hsla(0,0%,100%,.95)}.submitButton:hover{background:#1138b9}.submitButton:disabled{color:hsla(0,0%,100%,.6)}fieldset{border:none;padding:0;margin:0 0 2rem}fieldset legend{color:#1646e7;text-align:left;font-size:1.8rem;margin:0 0 1rem;padding:0}.installerFooter__container{background:#0d2a8a;box-shadow:0 -3px 4px rgba(0,0,0,.2);max-height:40px;text-align:center;position:relative;transition:all .25s;padding:0 2rem;position:fixed;bottom:0;left:0;right:0;color:hsla(0,0%,100%,.95)}.installerFooter__container .installerFooter__expanderButton{height:40px;padding:0;width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;position:relative;color:hsla(0,0%,100%,.95)}.installerFooter__container .installerFooter__expanderButton div{top:0;height:40px;width:40px;position:absolute;right:-20px}.installerFooter__container .installerFooter__expanderButton i{transition:all .25s;transform:rotate(0deg);color:hsla(0,0%,100%,.95);line-height:40px}.installerFooter__container .installerFooter__expanderButton:hover i{color:hsla(0,0%,100%,.6)}.installerFooter__container .installerFooter__businessName{padding:1rem 0}.installerFooter__container .installerFooter__address{padding:2rem 0 1rem;color:#b7c6f8}.installerFooter__container .installerFooter__contact{display:flex;justify-content:space-evenly;padding-bottom:2rem}.installerFooter__container .installerFooter__contact .iconLink{color:#b7c6f8}.installerFooter__container.installerFooter__container--open{max-height:500px;transition:all .25s}.installerFooter__container.installerFooter__container--open .installerFooter__expanderButton i{transform:rotate(180deg);transition:all .25s}.issue__file{display:inline-block;height:60px;border-radius:4px;overflow:hidden;margin-right:1rem;box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16);margin-bottom:2rem}h1 .labelPill,h2 .labelPill{float:right}.issue__text{padding:1rem 0}.estimate__subtotal,.estimate__tax,.estimate__total{text-align:right}.estimate__total{font-size:2.6rem;margin-top:1rem}.imageBox__container{position:relative;margin:0 4rem 4rem}.imageBox__image{box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16);border-radius:4px;overflow:hidden}.imageBox__progressContainer{text-align:center;position:absolute;bottom:-2.5rem;left:0;right:0}.imageBox__progressContainer .imageBox__progress{width:8px;height:8px;border-radius:50%;background:#c4c4c4;display:inline-block}.imageBox__progressContainer .imageBox__progress--active{background:#696969}.appointmentSection .appointmentSection__expanderButton{width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem;margin:0;background:none;border:none;text-align:left;position:relative}.appointmentSection .appointmentSection__expanderButton div{position:absolute;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.appointmentSection .appointmentSection__expanderButton div i{transform:rotate(0deg);transition:all .25s}.appointmentSection .appointmentSection__expanderButton.appointmentSection__expanderButton--open i{transform:rotate(90deg);transition:all .25s}.appointmentSection .appointmentSection__body{overflow:hidden}.appointmentSection .appointmentSection__body.appointmentSection__body--closed{max-height:0}.appointmentSection .appointmentSection__body.appointmentSection__body--open{max-height:10000px}.accessCodeContainer .accessCodeHelperText{color:rgba(0,0,0,.75);margin-bottom:1rem}.accessCodeContainer .accessCodeParts{display:flex;justify-content:center}.accessCodeContainer .accessCodeParts .accessCode__input{width:4rem;height:4rem;border-radius:4px;border:1px solid rgba(0,0,0,.15);text-align:center;font-size:2.8rem;line-height:4rem;padding:0;margin:6px;color:#0d2a8a;outline:none}.accessCodeContainer .accessCodeParts .accessCode__input:focus{border:2px solid #0d2a8a;margin:5px}.pasteButton{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;color:#0d2a8a;font-weight:700;margin:4rem 0 0}.error{color:red;background:#ffe6e6;border:1px solid #f66;border-radius:4px;padding:1rem;margin-top:1rem}
/*# sourceMappingURL=main.06bbfbb0.chunk.css.map */